/* =========================================================
   EmMatch AIP 中央配置SV
   class：emaip-centerfv

   PC・タブレット：特徴3列
   スマートフォン：特徴1列
========================================================= */

.emaip-centerfv,
.emaip-centerfv *,
.emaip-centerfv *::before,
.emaip-centerfv *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-centerfv {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 48px 24px 52px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 0% 8%,
      rgba(92, 130, 255, 0.20) 0%,
      rgba(92, 130, 255, 0.10) 20%,
      rgba(92, 130, 255, 0) 42%
    ),
    radial-gradient(
      circle at 100% 10%,
      rgba(236, 102, 214, 0.20) 0%,
      rgba(236, 102, 214, 0.10) 20%,
      rgba(236, 102, 214, 0) 42%
    ),
    #ffffff !important;

  color: #11162f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   白い輪を非表示
========================================================= */

body .emaip-centerfv::before,
body .emaip-centerfv::after {
  display: none !important;
  content: none !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-centerfv .emaip-centerfv__inner {
  position: relative !important;
  z-index: 1 !important;

  width: 100% !important;
  max-width: 1380px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}

/* 必要な要素のみ余白をリセット */

body .emaip-centerfv p.emaip-centerfv__label,
body .emaip-centerfv h1.emaip-centerfv__title,
body .emaip-centerfv .emaip-centerfv__description,
body .emaip-centerfv .emaip-centerfv__description p,
body .emaip-centerfv p.emaip-centerfv__note,
body .emaip-centerfv h2.emaip-centerfv__feature-title,
body .emaip-centerfv p.emaip-centerfv__feature-text {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

body .emaip-centerfv p.emaip-centerfv__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 390px !important;
  min-height: 46px !important;

  margin: 0 auto 38px !important;
  padding: 0 28px !important;

  border: 1px solid #e1e7fa !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.92) !important;
  color: #3266ed !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   メインコピー
========================================================= */

body .emaip-centerfv h1.emaip-centerfv__title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 980px !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 auto !important;
  padding: 0 !important;

  gap: 0 !important;
  row-gap: 0 !important;

  color: #11162f !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3.5vw, 48px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.055em !important;

  text-align: center !important;

  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* WordPressが自動で入れたbrを無効化 */

body .emaip-centerfv h1.emaip-centerfv__title br {
  display: none !important;
}

/* メインコピーの各行 */

body .emaip-centerfv h1.emaip-centerfv__title
> span.emaip-centerfv__title-line {
  display: block !important;
  flex: none !important;

  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
  letter-spacing: inherit !important;

  text-align: center !important;
  white-space: nowrap !important;

  transform: none !important;
}

body .emaip-centerfv h1.emaip-centerfv__title
> span.emaip-centerfv__title-line
+ span.emaip-centerfv__title-line {
  margin-top: 0.5em !important;
}

/* グラデーション文字 */

body .emaip-centerfv .emaip-centerfv__grad {
  display: inline !important;

  margin: 0 !important;
  padding: 0 !important;

  background: linear-gradient(
    90deg,
    #3978ff 0%,
    #6656ef 48%,
    #e014b4 100%
  ) !important;

  background-clip: text !important;
  -webkit-background-clip: text !important;

  color: transparent !important;
  -webkit-text-fill-color: transparent !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* =========================================================
   説明文
========================================================= */

body .emaip-centerfv .emaip-centerfv__description {
  width: 100% !important;
  max-width: 1040px !important;

  margin: 32px auto 0 !important;
  padding: 0 !important;
}

body .emaip-centerfv .emaip-centerfv__description p {
  width: 100% !important;

  color: #46516f !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

body .emaip-centerfv .emaip-centerfv__description p + p {
  margin-top: 2px !important;
}

/* =========================================================
   CTAボタン
========================================================= */

body .emaip-centerfv .emaip-centerfv__button-wrap {
  width: 100% !important;

  margin: 32px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

body .emaip-centerfv a.emaip-centerfv__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 550px !important;
  min-height: 60px !important;

  margin: 0 !important;
  padding: 10px 24px 19px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    #3868f7 0%,
    #654be9 50%,
    #ec049e 100%
  ) !important;

  color: #ffffff !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow:
    0 14px 28px rgba(82, 73, 211, 0.22),
    0 6px 14px rgba(226, 0, 151, 0.12) !important;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease !important;
}

body .emaip-centerfv a.emaip-centerfv__button::before,
body .emaip-centerfv a.emaip-centerfv__button::after {
  display: none !important;
  content: none !important;
}

body .emaip-centerfv a.emaip-centerfv__button:hover {
  color: #ffffff !important;
  opacity: 0.97 !important;
  transform: translateY(-2px) !important;

  box-shadow:
    0 17px 32px rgba(82, 73, 211, 0.26),
    0 8px 17px rgba(226, 0, 151, 0.14) !important;
}

body .emaip-centerfv a.emaip-centerfv__button:focus-visible {
  outline: 3px solid rgba(57, 120, 255, 0.32) !important;
  outline-offset: 4px !important;
}

/* =========================================================
   注釈
========================================================= */

body .emaip-centerfv p.emaip-centerfv__note {
  width: 100% !important;
  max-width: 920px !important;

  margin: 20px auto 0 !important;

  color: #8c96b0 !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;

  text-align: center !important;
}

/* =========================================================
   特徴パネル
========================================================= */

body .emaip-centerfv .emaip-centerfv__features {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 24px auto 0 !important;
  padding: 26px 26px !important;

  border: 1px solid #e6eaf6 !important;
  border-radius: 22px !important;

  background: rgba(255, 255, 255, 0.94) !important;

  box-shadow:
    0 14px 34px rgba(46, 59, 111, 0.055),
    0 3px 10px rgba(46, 59, 111, 0.025) !important;
}

/* 特徴1項目 */

body .emaip-centerfv article.emaip-centerfv__feature {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: row !important;

  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 0 !important;
  min-height: 108px !important;

  margin: 0 !important;
  padding: 0 26px !important;

  gap: 18px !important;

  text-align: left !important;
}

body .emaip-centerfv
article.emaip-centerfv__feature
+ article.emaip-centerfv__feature {
  border-left: 1px solid #e4e8f4 !important;
}

/* 特徴アイコン */

body .emaip-centerfv .emaip-centerfv__feature-icon {
  display: flex !important;
  flex: 0 0 70px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 70px !important;
  height: 70px !important;

  margin: 0 !important;
  padding: 15px !important;

  border-radius: 50% !important;

  background: linear-gradient(
    135deg,
    #eef2ff 0%,
    #f9edf9 100%
  ) !important;

  color: #6550ed !important;
}

body .emaip-centerfv .emaip-centerfv__feature-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* 特徴テキスト */

body .emaip-centerfv .emaip-centerfv__feature-content {
  display: block !important;
  flex: 1 1 auto !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

body .emaip-centerfv h2.emaip-centerfv__feature-title {
  width: 100% !important;

  color: #11162f !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.025em !important;

  text-align: left !important;
}

body .emaip-centerfv p.emaip-centerfv__feature-text {
  width: 100% !important;

  margin-top: 7px !important;

  color: #59637e !important;

  font-family: inherit !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-centerfv {
    padding: 44px 18px 46px !important;
  }

  body .emaip-centerfv .emaip-centerfv__inner {
    max-width: 1040px !important;
  }

  body .emaip-centerfv p.emaip-centerfv__label {
    min-width: 310px !important;
    min-height: 40px !important;

    margin-bottom: 19px !important;

    font-size: 12px !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title {
    max-width: 850px !important;

    font-size: clamp(28px, 4vw, 40px) !important;
    line-height: 1 !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title
  > span.emaip-centerfv__title-line {
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title
  > span.emaip-centerfv__title-line
  + span.emaip-centerfv__title-line {
    margin-top: 0.07em !important;
  }

  body .emaip-centerfv .emaip-centerfv__description {
    margin-top: 19px !important;
  }

  body .emaip-centerfv .emaip-centerfv__description p {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  body .emaip-centerfv .emaip-centerfv__button-wrap {
    margin-top: 21px !important;
  }

  body .emaip-centerfv a.emaip-centerfv__button {
    max-width: 480px !important;
    min-height: 56px !important;

    font-size: 14px !important;
  }

  body .emaip-centerfv p.emaip-centerfv__note {
    font-size: 9px !important;
  }

  body .emaip-centerfv .emaip-centerfv__features {
    margin-top: 21px !important;
    padding: 21px 15px !important;
  }

  body .emaip-centerfv article.emaip-centerfv__feature {
    min-height: 98px !important;

    padding: 0 15px !important;
    gap: 12px !important;
  }

  body .emaip-centerfv .emaip-centerfv__feature-icon {
    flex-basis: 56px !important;

    width: 56px !important;
    height: 56px !important;

    padding: 12px !important;
  }

  body .emaip-centerfv h2.emaip-centerfv__feature-title {
    font-size: 12px !important;
  }

  body .emaip-centerfv p.emaip-centerfv__feature-text {
    margin-top: 5px !important;

    font-size: 8.5px !important;
  }
}
/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  /* =======================================================
     セクション全体
  ======================================================= */

  body .emaip-centerfv {
    width: 100% !important;
    max-width: none !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 36px 16px 30px !important;

    overflow: hidden !important;
  }

  body .emaip-centerfv::before,
  body .emaip-centerfv::after {
    top: -130px !important;

    width: 280px !important;
    height: 280px !important;
  }

  body .emaip-centerfv::before {
    left: -205px !important;
  }

  body .emaip-centerfv::after {
    right: -205px !important;
  }

  body .emaip-centerfv .emaip-centerfv__inner {
    width: 100% !important;
    max-width: 420px !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* =======================================================
     上部ラベル
  ======================================================= */

  body .emaip-centerfv p.emaip-centerfv__label {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: auto !important;

    margin: 0 auto 18px !important;
    padding: 8px 16px !important;

    font-size: 11px !important;
    line-height: 1.45 !important;

    white-space: normal !important;
  }

  /* =======================================================
     メインコピー
     行間を広げる
  ======================================================= */

  body .emaip-centerfv h1.emaip-centerfv__title {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    gap: 0.16em !important;
    row-gap: 0.16em !important;

    font-size: clamp(23px, 7vw, 32px) !important;
    line-height: 1.26 !important;
    letter-spacing: -0.045em !important;

    text-align: center !important;

    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title
  > span.emaip-centerfv__title-line {
    display: block !important;
    flex: none !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1.26 !important;
    letter-spacing: inherit !important;

    text-align: center !important;
    white-space: normal !important;

    transform: none !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title
  > span.emaip-centerfv__title-line
  + span.emaip-centerfv__title-line {
    margin-top: 0 !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title br {
    display: none !important;
  }

  body .emaip-centerfv .emaip-centerfv__grad {
    line-height: inherit !important;
  }

  /* =======================================================
     説明文
  ======================================================= */

  body .emaip-centerfv .emaip-centerfv__description {
    width: 100% !important;
    max-width: 100% !important;

    margin: 20px auto 0 !important;
    padding: 0 !important;
  }

  body .emaip-centerfv .emaip-centerfv__description p {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11.5px !important;
    line-height: 1.8 !important;
    letter-spacing: 0.01em !important;

    text-align: center !important;
    white-space: normal !important;
  }

  body .emaip-centerfv .emaip-centerfv__description p + p {
    margin-top: 7px !important;
  }

  /* =======================================================
     CTAボタン
     少し上へ配置
  ======================================================= */

  body .emaip-centerfv .emaip-centerfv__button-wrap {
    width: 100% !important;

    margin: 16px auto 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  body .emaip-centerfv a.emaip-centerfv__button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    min-height: 54px !important;

    margin: 0 !important;

    /* 文字を視覚的に少し上へ */
    padding: 0 16px 10px !important;

    font-size: 13.5px !important;
    line-height: 1.2 !important;

    text-align: center !important;
    white-space: normal !important;
  }

  /* =======================================================
     ボタン下の注釈
  ======================================================= */

  body .emaip-centerfv p.emaip-centerfv__note {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;

    margin: 12px auto 0 !important;
    padding: 0 !important;

    font-size: 8.5px !important;
    line-height: 1.65 !important;

    text-align: center !important;
    white-space: normal !important;
  }

  /* =======================================================
     特徴3つのエリア
     スマホでは非表示
  ======================================================= */

  body .emaip-centerfv .emaip-centerfv__features {
    display: none !important;
  }
}

/* =========================================================
   小さいスマートフォン
   390px以下
========================================================= */

@media screen and (max-width: 390px) {

  body .emaip-centerfv {
    padding-right: 13px !important;
    padding-left: 13px !important;
    padding-bottom: 28px !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title {
    font-size: clamp(22px, 6.8vw, 27px) !important;
    line-height: 1.27 !important;

    gap: 0.15em !important;
    row-gap: 0.15em !important;
  }

  body .emaip-centerfv h1.emaip-centerfv__title
  > span.emaip-centerfv__title-line {
    line-height: 1.27 !important;
  }

  body .emaip-centerfv .emaip-centerfv__button-wrap {
    margin-top: 15px !important;
  }

  body .emaip-centerfv a.emaip-centerfv__button {
    height: 52px !important;
    min-height: 52px !important;

    padding: 0 12px 3px !important;

    font-size: 12.5px !important;
  }

  body .emaip-centerfv p.emaip-centerfv__note {
    font-size: 8px !important;
    line-height: 1.6 !important;
  }
}
/* =========================================================
   EmMatch AIP 課題エリア
   PC・タブレット：カード3枚横並び
   スマートフォン：カード1列
========================================================= */

.emaip-issues,
.emaip-issues *,
.emaip-issues *::before,
.emaip-issues *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-issues {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 66px 24px 56px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 8% 12%,
      rgba(98, 122, 255, 0.08) 0%,
      rgba(98, 122, 255, 0) 32%
    ),
    radial-gradient(
      circle at 92% 10%,
      rgba(198, 122, 255, 0.08) 0%,
      rgba(198, 122, 255, 0) 30%
    ),
    linear-gradient(
      180deg,
      #f8faff 0%,
      #f4f7fd 100%
    ) !important;

  color: #12162e !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

body .emaip-issues .emaip-issues__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1480px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}

/* 必要な要素だけ余白をリセット */

body .emaip-issues .emaip-issues__tag,
body .emaip-issues h2.emaip-issues__heading,
body .emaip-issues p.emaip-issues__lead,
body .emaip-issues h3.emaip-issues__card-title,
body .emaip-issues p.emaip-issues__card-text,
body .emaip-issues p.emaip-issues__closing-top,
body .emaip-issues p.emaip-issues__closing-bottom {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* PC・タブレットでは改行用spanを通常の文章として表示 */

body .emaip-issues .emaip-issues__lead-line,
body .emaip-issues .emaip-issues__closing-bottom-line {
  display: inline !important;
}

/* =========================================================
   課題タグ
========================================================= */

body .emaip-issues .emaip-issues__tag {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 176px !important;
  min-height: 42px !important;

  margin: 0 auto 22px !important;
  padding: 0 24px !important;

  border: 1px solid #dfe6fb !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.75) !important;
  color: #3764ee !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   メイン見出し
========================================================= */

body .emaip-issues h2.emaip-issues__heading {
  display: block !important;

  width: 100% !important;
  max-width: 1120px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 43px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   見出し下の説明文
========================================================= */

body .emaip-issues p.emaip-issues__lead {
  display: block !important;

  width: 100% !important;
  max-width: 1000px !important;

  margin: 15px auto 0 !important;
  padding: 0 !important;

  color: #687189 !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   カード3枚の並び
========================================================= */

body .emaip-issues .emaip-issues__cards {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 1280px !important;

  margin: 38px auto 0 !important;
  padding: 0 !important;

  gap: 24px !important;
}

/* =========================================================
   カード
========================================================= */

body .emaip-issues article.emaip-issues__card {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 310px !important;

  margin: 0 !important;
  padding: 24px 24px 21px !important;

  float: none !important;
  clear: none !important;

  border: 1px solid #e5eaf7 !important;
  border-radius: 20px !important;

  background: rgba(255, 255, 255, 0.97) !important;

  box-shadow:
    0 14px 32px rgba(39, 53, 95, 0.05),
    0 3px 10px rgba(39, 53, 95, 0.02) !important;

  text-align: left !important;
}

/* =========================================================
   カード上部
========================================================= */

body .emaip-issues .emaip-issues__card-head {
  display: flex !important;
  flex-direction: row !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 17px !important;
}

/* =========================================================
   アイコン
========================================================= */

body .emaip-issues .emaip-issues__icon {
  display: flex !important;
  flex: 0 0 72px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 72px !important;
  height: 72px !important;

  margin: 0 !important;
  padding: 17px !important;

  border-radius: 50% !important;

  background: linear-gradient(
    145deg,
    #eef1ff 0%,
    #f5f1ff 100%
  ) !important;

  color: #5858ef !important;
}

body .emaip-issues .emaip-issues__icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   カードタイトル
========================================================= */

body .emaip-issues h3.emaip-issues__card-title {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
  letter-spacing: -0.025em !important;

  text-align: left !important;
}

/* =========================================================
   カード本文
========================================================= */

body .emaip-issues p.emaip-issues__card-text {
  display: block !important;

  width: 100% !important;

  margin: 20px 0 0 !important;
  padding: 0 !important;

  color: #687189 !important;

  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
}

/* =========================================================
   カード下部の注意帯
========================================================= */

body .emaip-issues .emaip-issues__alert {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-height: 52px !important;

  margin: auto 0 0 !important;
  margin-top: 20px !important;
  padding: 10px !important;

  gap: 7px !important;

  border-radius: 10px !important;

  background: linear-gradient(
    90deg,
    #eef2ff 0%,
    #f4efff 100%
  ) !important;

  color: #5570ff !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;

  text-align: center !important;
}

body .emaip-issues .emaip-issues__alert-icon {
  display: flex !important;
  flex: 0 0 17px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 17px !important;
  height: 17px !important;
}

body .emaip-issues .emaip-issues__alert-icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
}

/* =========================================================
   カード下のまとめ文章
   PC：2行
========================================================= */

body .emaip-issues .emaip-issues__closing {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 36px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

/* 1行目 */

body .emaip-issues p.emaip-issues__closing-top {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: clamp(19px, 1.55vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.015em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* 2行目 */

body .emaip-issues p.emaip-issues__closing-bottom {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin: 5px auto 0 !important;
  padding: 0 !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: clamp(18px, 1.55vw, 22px) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: -0.03em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

body .emaip-issues p.emaip-issues__closing-bottom br {
  display: none !important;
}

body .emaip-issues p.emaip-issues__closing-bottom strong {
  display: inline !important;

  color: transparent !important;

  background: linear-gradient(
    90deg,
    #3977ff 0%,
    #6659f4 52%,
    #da5dc7 100%
  ) !important;

  -webkit-background-clip: text !important;
  background-clip: text !important;

  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* =========================================================
   タブレット
   768px〜1100px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-issues {
    padding: 58px 18px 48px !important;
  }

  body .emaip-issues .emaip-issues__tag {
    min-width: 158px !important;
    min-height: 38px !important;

    margin-bottom: 19px !important;
    padding: 0 20px !important;

    font-size: 13px !important;
  }

  body .emaip-issues h2.emaip-issues__heading {
    font-size: clamp(25px, 3.8vw, 35px) !important;
    line-height: 1.4 !important;
  }

  body .emaip-issues p.emaip-issues__lead {
    margin-top: 13px !important;

    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }

  body .emaip-issues .emaip-issues__cards {
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    margin-top: 30px !important;

    gap: 12px !important;
  }

  body .emaip-issues article.emaip-issues__card {
    flex: 1 1 0 !important;

    min-height: 285px !important;

    padding: 18px 15px 17px !important;

    border-radius: 17px !important;
  }

  body .emaip-issues .emaip-issues__card-head {
    gap: 11px !important;
  }

  body .emaip-issues .emaip-issues__icon {
    flex-basis: 52px !important;

    width: 52px !important;
    height: 52px !important;

    padding: 12px !important;
  }

  body .emaip-issues h3.emaip-issues__card-title {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  body .emaip-issues p.emaip-issues__card-text {
    margin-top: 16px !important;

    font-size: 11px !important;
    line-height: 1.8 !important;
  }

  body .emaip-issues .emaip-issues__alert {
    min-height: 50px !important;

    margin-top: 16px !important;
    padding: 9px 7px !important;

    gap: 5px !important;

    font-size: 10px !important;
    line-height: 1.45 !important;
  }

  body .emaip-issues .emaip-issues__alert-icon {
    flex-basis: 15px !important;

    width: 15px !important;
    height: 15px !important;
  }

  body .emaip-issues .emaip-issues__closing {
    margin-top: 30px !important;
  }

  body .emaip-issues p.emaip-issues__closing-top {
    font-size: clamp(14px, 1.7vw, 18px) !important;
    letter-spacing: -0.025em !important;

    white-space: nowrap !important;
  }

  body .emaip-issues p.emaip-issues__closing-bottom {
    margin-top: 4px !important;

    font-size: clamp(12px, 1.55vw, 17px) !important;
    letter-spacing: -0.045em !important;

    white-space: nowrap !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-issues {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 48px 16px 42px !important;
  }

  body .emaip-issues .emaip-issues__inner {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* =======================================================
     課題タグ
  ======================================================= */

  body .emaip-issues .emaip-issues__tag {
    min-width: 146px !important;
    min-height: 38px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 13px !important;
  }

  /* =======================================================
     見出し
  ======================================================= */

  body .emaip-issues h2.emaip-issues__heading {
    width: 100% !important;
    max-width: 520px !important;

    font-size: clamp(22px, 6.8vw, 30px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.03em !important;
  }

  /* =======================================================
     見出し下のリード文
  ======================================================= */

  body .emaip-issues p.emaip-issues__lead {
    width: 100% !important;
    max-width: 420px !important;

    margin: 12px auto 0 !important;
    padding: 0 !important;

    font-size: clamp(10.5px, 3.1vw, 12px) !important;
    line-height: 1.75 !important;
    letter-spacing: -0.01em !important;

    text-align: center !important;
    white-space: normal !important;
  }

  body .emaip-issues .emaip-issues__lead-line {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

  /* =======================================================
     カード一覧
  ======================================================= */

  body .emaip-issues .emaip-issues__cards {
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 420px !important;

    margin: 27px auto 0 !important;
    padding: 0 !important;

    gap: 15px !important;
  }

  /* =======================================================
     カード
  ======================================================= */

  body .emaip-issues article.emaip-issues__card {
    flex: none !important;

    width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 20px 18px 18px !important;

    border-radius: 17px !important;
  }

  body .emaip-issues .emaip-issues__card-head {
    gap: 13px !important;
  }

  /* =======================================================
     カードアイコン
  ======================================================= */

  body .emaip-issues .emaip-issues__icon {
    flex-basis: 56px !important;

    width: 56px !important;
    height: 56px !important;

    padding: 13px !important;
  }

  /* =======================================================
     カードタイトル
  ======================================================= */

  body .emaip-issues h3.emaip-issues__card-title {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  /* =======================================================
     カード本文
  ======================================================= */

  body .emaip-issues p.emaip-issues__card-text {
    margin-top: 15px !important;

    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }

  /* =======================================================
     カード下部の注意帯
  ======================================================= */

  body .emaip-issues .emaip-issues__alert {
    min-height: 0 !important;

    margin-top: 17px !important;
    padding: 10px 8px !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  /* =======================================================
     最後のまとめ文章全体
  ======================================================= */

  body .emaip-issues .emaip-issues__closing {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 27px auto 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  /* =======================================================
     1行目
     データを知らず、漏れが心配で、使う人もいない。
  ======================================================= */

  html body .emaip-issues p.emaip-issues__closing-top {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 auto !important;
    padding: 0 !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: -0.045em !important;

    text-align: center !important;
    white-space: nowrap !important;

    overflow: visible !important;
  }

  /* =======================================================
     2・3行目
  ======================================================= */

  html body .emaip-issues p.emaip-issues__closing-bottom {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 1px auto 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.8 !important;
    letter-spacing: -0.045em !important;

    text-align: center !important;
    white-space: normal !important;

    overflow: visible !important;
  }

  body .emaip-issues .emaip-issues__closing-bottom-line {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
  }

  body .emaip-issues
  .emaip-issues__closing-bottom-line
  + .emaip-issues__closing-bottom-line {
    margin-top: 1px !important;
  }

  body .emaip-issues
  p.emaip-issues__closing-bottom
  strong {
    display: inline !important;

    font-size: inherit !important;
    line-height: inherit !important;

    white-space: nowrap !important;
  }
}

/* =========================================================
   小さいスマートフォン
   390px以下
========================================================= */

@media screen and (max-width: 390px) {

  body .emaip-issues {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body .emaip-issues p.emaip-issues__lead {
    font-size: clamp(10px, 2.9vw, 11px) !important;
    letter-spacing: -0.025em !important;
  }

  /*
    最後のまとめ文章は767px以下の10pxを維持。
    ここではfont-sizeを上書きしません。
  */
}

/* =========================================================
   特に幅の狭いスマートフォン
   350px以下
========================================================= */

@media screen and (max-width: 350px) {

  body .emaip-issues p.emaip-issues__lead {
    font-size: 9.5px !important;
  }

  /*
    最後のまとめ文章は767px以下の10pxを維持。
    ここではfont-sizeを上書きしません。
  */
}
/* =========================================================
   小さいスマートフォン
   390px以下
========================================================= */

@media screen and (max-width: 390px) {

  body .emaip-issues {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  body .emaip-issues p.emaip-issues__lead {
    font-size: clamp(10px, 2.9vw, 11px) !important;
    letter-spacing: -0.025em !important;
  }

  body .emaip-issues p.emaip-issues__closing-top,
  body .emaip-issues p.emaip-issues__closing-bottom {
    font-size: clamp(8.6px, 2.45vw, 9.5px) !important;
    letter-spacing: -0.055em !important;
  }
}

/* =========================================================
   特に幅の狭いスマートフォン
   350px以下
========================================================= */

@media screen and (max-width: 350px) {

  body .emaip-issues p.emaip-issues__lead {
    font-size: 9.5px !important;
  }

  body .emaip-issues p.emaip-issues__closing-top,
  body .emaip-issues p.emaip-issues__closing-bottom {
    font-size: 8.2px !important;
    letter-spacing: -0.065em !important;
  }
}
/* =========================================================
   課題エリア・まとめ文章の文字サイズを強制指定
========================================================= */

@media screen and (max-width: 767px) {

  html body .emaip-issues
  .emaip-issues__closing
  p.emaip-issues__closing-top,
  html body .emaip-issues
  .emaip-issues__closing
  p.emaip-issues__closing-top span {
    font-size: 17px !important;
    line-height: 1.8 !important;

    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  html body .emaip-issues
  .emaip-issues__closing
  p.emaip-issues__closing-bottom,
  html body .emaip-issues
  .emaip-issues__closing
  p.emaip-issues__closing-bottom span,
  html body .emaip-issues
  .emaip-issues__closing
  p.emaip-issues__closing-bottom strong {
    font-size: 17px !important;
    line-height: 1.8 !important;

    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }
}
/* =========================================================
   EmMatch AIPとは
   PC・タブレット：カード3枚横並び
   スマートフォン：カード1列

   H2直下にSEO・LLMO向け定義文を追加
========================================================= */

.emaip-value,
.emaip-value *,
.emaip-value *::before,
.emaip-value *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-value {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 66px 24px 76px !important;

  overflow: hidden !important;

  background: #ffffff !important;
  color: #12162e !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

body .emaip-value .emaip-value__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1280px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* =========================================================
   必要な要素だけ余白をリセット
========================================================= */

body .emaip-value p.emaip-value__label,
body .emaip-value h2.emaip-value__heading,
body .emaip-value p.emaip-value__definition,
body .emaip-value p.emaip-value-card__number,
body .emaip-value h3.emaip-value-card__title,
body .emaip-value p.emaip-value-card__text {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   上部ラベル
========================================================= */

body .emaip-value p.emaip-value__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 176px !important;
  min-height: 42px !important;

  margin: 0 auto 22px !important;
  padding: 0 24px !important;

  border: 1px solid #dfe6fb !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.75) !important;
  color: #3764ee !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   H2
========================================================= */

body .emaip-value h2.emaip-value__heading {
  display: block !important;

  width: 100% !important;
  max-width: 1120px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #12162e !important;

  font-size: clamp(30px, 3vw, 43px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

body .emaip-value .emaip-value__heading br {
  display: block !important;
  content: "" !important;
}

/* =========================================================
   H2直下の定義文
   SEO・LLMO向け
========================================================= */

body .emaip-value p.emaip-value__definition {
  display: block !important;

  width: 100% !important;
  max-width: 900px !important;

  margin: 17px auto 0 !important;
  padding: 0 !important;

  color: #626c84 !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* =========================================================
   カード3枚の並び
========================================================= */

body .emaip-value .emaip-value__cards {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  grid-template-rows: 1fr !important;
  grid-auto-flow: row !important;

  align-items: stretch !important;
  justify-items: stretch !important;

  width: 100% !important;
  max-width: 1200px !important;

  margin: 30px auto 0 !important;
  padding: 0 !important;

  gap: 20px !important;
}

/* =========================================================
   個別に残っている配置指定を解除
========================================================= */

body .emaip-value .emaip-value__cards > .emaip-value-card,
body .emaip-value .emaip-value__cards > .emaip-value-card:nth-child(1),
body .emaip-value .emaip-value__cards > .emaip-value-card:nth-child(2),
body .emaip-value .emaip-value__cards > .emaip-value-card:nth-child(3) {
  grid-column: auto !important;
  grid-row: auto !important;
  grid-area: auto !important;

  align-self: stretch !important;
  justify-self: stretch !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;

  margin: 0 !important;
  order: initial !important;
}

/* =========================================================
   カード
========================================================= */

body .emaip-value article.emaip-value-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;

  min-height: 235px !important;
  padding: 22px 24px 20px !important;

  float: none !important;
  clear: none !important;

  border: 1px solid #e5eaf7 !important;
  border-radius: 20px !important;

  background: rgba(255, 255, 255, 0.97) !important;

  box-shadow:
    0 14px 32px rgba(39, 53, 95, 0.05),
    0 3px 10px rgba(39, 53, 95, 0.02) !important;
}

/* =========================================================
   VALUE番号
========================================================= */

body .emaip-value p.emaip-value-card__number {
  display: block !important;

  width: 100% !important;

  margin: 0 0 13px !important;
  padding: 0 !important;

  color: #3764ee !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.06em !important;

  text-align: left !important;
}

/* =========================================================
   アイコン
========================================================= */

body .emaip-value .emaip-value-card__icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 56px !important;

  width: 56px !important;
  height: 56px !important;

  margin: 0 0 13px !important;
  padding: 0 !important;

  border-radius: 16px !important;

  background: linear-gradient(
    135deg,
    #3f61ef 0%,
    #8144e9 50%,
    #ee08a4 100%
  ) !important;

  box-shadow:
    0 9px 20px rgba(91, 75, 224, 0.2) !important;
}

body .emaip-value img.emaip-value-card__icon {
  display: block !important;

  width: 30px !important;
  height: 30px !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;

  object-fit: contain !important;
}

/* =========================================================
   カードタイトル
========================================================= */

body .emaip-value h3.emaip-value-card__title {
  display: block !important;

  width: 100% !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #12162e !important;

  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;

  text-align: left !important;
}

/* =========================================================
   カード本文
========================================================= */

body .emaip-value p.emaip-value-card__text {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #5f687e !important;

  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
}

/* =========================================================
   タブレット
   768px〜1100px
   3枚横一列を維持
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-value {
    padding: 58px 18px 66px !important;
  }

  body .emaip-value p.emaip-value__label {
    min-width: 158px !important;
    min-height: 38px !important;

    margin-bottom: 19px !important;
    padding: 0 20px !important;

    font-size: 13px !important;
  }

  body .emaip-value h2.emaip-value__heading {
    font-size: clamp(25px, 3.8vw, 35px) !important;
    line-height: 1.4 !important;
  }

  /* 定義文 */

  body .emaip-value p.emaip-value__definition {
    max-width: 760px !important;

    margin-top: 15px !important;

    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  body .emaip-value .emaip-value__cards {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    grid-template-rows: 1fr !important;

    margin-top: 25px !important;
    gap: 12px !important;
  }

  body .emaip-value article.emaip-value-card {
    min-height: 220px !important;
    padding: 18px 15px 17px !important;

    border-radius: 17px !important;
  }

  body .emaip-value p.emaip-value-card__number {
    margin-bottom: 11px !important;

    font-size: 10px !important;
  }

  body .emaip-value .emaip-value-card__icon-wrap {
    flex-basis: 48px !important;

    width: 48px !important;
    height: 48px !important;

    margin-bottom: 11px !important;

    border-radius: 14px !important;
  }

  body .emaip-value img.emaip-value-card__icon {
    width: 26px !important;
    height: 26px !important;
  }

  body .emaip-value h3.emaip-value-card__title {
    margin-bottom: 7px !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  body .emaip-value p.emaip-value-card__text {
    font-size: 11px !important;
    line-height: 1.65 !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-value {
    width: 100% !important;

    margin: 0 !important;
    padding: 48px 16px 56px !important;
  }

  body .emaip-value p.emaip-value__label {
    min-width: 146px !important;
    min-height: 38px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 13px !important;
  }

  body .emaip-value h2.emaip-value__heading {
    max-width: 520px !important;

    font-size: clamp(16px, 6.5vw, 22px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.03em !important;
  }

  /* 定義文 */

  body .emaip-value p.emaip-value__definition {
    width: 100% !important;
    max-width: 520px !important;

    margin: 14px auto 0 !important;
    padding: 0 4px !important;

    font-size: 12px !important;
    line-height: 1.8 !important;

    text-align: center !important;
  }

  body .emaip-value .emaip-value__cards {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;

    width: 100% !important;
    max-width: 420px !important;

    margin: 24px auto 0 !important;

    gap: 15px !important;
  }

  body .emaip-value .emaip-value__cards > .emaip-value-card {
    width: 100% !important;
    height: auto !important;

    grid-column: auto !important;
    grid-row: auto !important;
  }

  body .emaip-value article.emaip-value-card {
    min-height: 0 !important;

    padding: 20px 18px 19px !important;

    border-radius: 17px !important;
  }

  body .emaip-value p.emaip-value-card__number {
    margin-bottom: 11px !important;

    font-size: 11px !important;
  }

  body .emaip-value .emaip-value-card__icon-wrap {
    flex-basis: 50px !important;

    width: 50px !important;
    height: 50px !important;

    margin-bottom: 12px !important;

    border-radius: 14px !important;
  }

  body .emaip-value img.emaip-value-card__icon {
    width: 27px !important;
    height: 27px !important;
  }

  body .emaip-value h3.emaip-value-card__title {
    margin-bottom: 7px !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body .emaip-value p.emaip-value-card__text {
    font-size: 12.5px !important;
    line-height: 1.7 !important;
  }
}
/* =========================================================
   EmMatch AIP 資料ダウンロードCTA
   class: emaip-doccta
========================================================= */

.emaip-doccta,
.emaip-doccta *,
.emaip-doccta *::before,
.emaip-doccta *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-doccta {
  width: 100% !important;
  margin: 0 !important;
  padding: 30px 24px 44px !important;

  background: #ffffff !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   グラデーション枠
========================================================= */

body .emaip-doccta .emaip-doccta__inner {
  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 36px 32px 34px !important;

  overflow: hidden !important;

  border-radius: 22px !important;

  background: linear-gradient(
    90deg,
    #355ae5 0%,
    #9135cd 52%,
    #f205a6 100%
  ) !important;

  box-shadow:
    0 20px 42px rgba(210, 90, 180, 0.14) !important;

  text-align: center !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-doccta h2.emaip-doccta__heading {
  display: block !important;

  width: 100% !important;
  max-width: 1000px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family: inherit !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.03em !important;

  text-align: center !important;
}

/* =========================================================
   説明文
========================================================= */

body .emaip-doccta p.emaip-doccta__text {
  display: block !important;

  width: 100% !important;
  max-width: 820px !important;

  margin: 14px auto 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.88) !important;

  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   ボタンエリア
========================================================= */

body .emaip-doccta .emaip-doccta__button-wrap {
  width: 100% !important;

  margin: 22px auto 0 !important;
  padding: 0 !important;

  text-align: center !important;
}

/* =========================================================
   ボタン
========================================================= */

body .emaip-doccta a.emaip-doccta__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  max-width: 450px !important;
  min-height: 66px !important;

  margin: 0 !important;
  padding: 14px 24px !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #ffffff !important;
  color: #ec1aa7 !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;

  text-align: center !important;
  text-decoration: none !important;

  box-shadow:
    0 8px 20px rgba(28, 33, 85, 0.11) !important;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease !important;
}

/* ボタン内の文字を少し上へ移動 */

body .emaip-doccta .emaip-doccta__button-text {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;

  transform: translateY(-8px) !important;
}

/* ホバー */

body .emaip-doccta a.emaip-doccta__button:hover {
  opacity: 0.96 !important;
  transform: translateY(-2px) !important;

  box-shadow:
    0 12px 24px rgba(28, 33, 85, 0.15) !important;
}

/* キーボード操作時 */

body .emaip-doccta a.emaip-doccta__button:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.5) !important;
  outline-offset: 4px !important;
}

/* =========================================================
   タブレット
   768px〜1100px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-doccta {
    padding: 28px 18px 40px !important;
  }

  body .emaip-doccta .emaip-doccta__inner {
    max-width: 980px !important;

    padding: 32px 26px 30px !important;

    border-radius: 20px !important;
  }

  body .emaip-doccta h2.emaip-doccta__heading {
    font-size: clamp(21px, 3vw, 28px) !important;
    line-height: 1.45 !important;
  }

  body .emaip-doccta p.emaip-doccta__text {
    margin-top: 12px !important;

    font-size: 12.5px !important;
    line-height: 1.75 !important;
  }

  body .emaip-doccta .emaip-doccta__button-wrap {
    margin-top: 19px !important;
  }

  body .emaip-doccta a.emaip-doccta__button {
    max-width: 410px !important;
    min-height: 60px !important;

    padding: 12px 22px !important;

    font-size: 15px !important;
  }

  body .emaip-doccta .emaip-doccta__button-text {
    transform: translateY(-2px) !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-doccta {
    padding: 24px 16px 34px !important;
  }

  body .emaip-doccta .emaip-doccta__inner {
    padding: 28px 18px 27px !important;

    border-radius: 18px !important;
  }

  body .emaip-doccta h2.emaip-doccta__heading {
    max-width: 520px !important;

    font-size: clamp(19px, 5.8vw, 25px) !important;
    line-height: 1.5 !important;
    letter-spacing: -0.025em !important;
  }

  body .emaip-doccta p.emaip-doccta__text {
    max-width: 480px !important;

    margin-top: 11px !important;

    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body .emaip-doccta .emaip-doccta__button-wrap {
    margin-top: 18px !important;
  }

  body .emaip-doccta a.emaip-doccta__button {
    max-width: 100% !important;
    min-height: 56px !important;

    padding: 12px 16px !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body .emaip-doccta .emaip-doccta__button-text {
    transform: translateY(-2px) !important;
  }
}
/* =========================================================
   VALUEカード3枚を確実に横一列へ固定
========================================================= */

/* PC・タブレット */
@media screen and (min-width: 768px) {

  body .emaip-value .emaip-value__cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 1200px !important;

    margin: 38px auto 0 !important;
    padding: 0 !important;

    gap: 20px !important;
  }

  body .emaip-value .emaip-value__cards > article.emaip-value-card,
  body .emaip-value .emaip-value__cards > article.emaip-value-card:nth-child(1),
  body .emaip-value .emaip-value__cards > article.emaip-value-card:nth-child(2),
  body .emaip-value .emaip-value__cards > article.emaip-value-card:nth-child(3) {
    position: static !important;

    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;

    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 235px !important;

    margin: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;
    grid-area: auto !important;

    float: none !important;
    clear: none !important;

    order: initial !important;
    transform: none !important;
  }
}

/* タブレットも3枚横並び */
@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-value .emaip-value__cards {
    gap: 12px !important;
  }

  body .emaip-value .emaip-value__cards > article.emaip-value-card {
    min-height: 220px !important;
    padding: 18px 15px 17px !important;
  }
}

/* スマートフォンのみ縦並び */
@media screen and (max-width: 767px) {

  body .emaip-value .emaip-value__cards {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 420px !important;

    margin: 28px auto 0 !important;
    gap: 15px !important;
  }

  body .emaip-value .emaip-value__cards > article.emaip-value-card {
    flex: none !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 !important;
  }
}
/* =========================================================
   EmMatch AIP 特徴セクション
   6つの機能＋AIモデル＋セキュリティ
========================================================= */

.emaip-features,
.emaip-features *,
.emaip-features *::before,
.emaip-features *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-features {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 58px 24px 52px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 50% 10%,
      rgba(90, 108, 244, 0.07) 0%,
      rgba(90, 108, 244, 0) 38%
    ),
    radial-gradient(
      circle at 90% 55%,
      rgba(218, 101, 224, 0.05) 0%,
      rgba(218, 101, 224, 0) 35%
    ),
    linear-gradient(
      180deg,
      #fafbff 0%,
      #f7f8fd 100%
    ) !important;

  color: #12162e !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

body .emaip-features .emaip-features__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1280px !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* =========================================================
   WordPressテーマの余白リセット
========================================================= */

body .emaip-features p.emaip-features__label,
body .emaip-features h2.emaip-features__heading,
body .emaip-features p.emaip-features__lead,
body .emaip-features h3.emaip-feature-card__title,
body .emaip-features p.emaip-feature-card__text,
body .emaip-features h3.emaip-features__support-title,
body .emaip-features p.emaip-features__support-note,
body .emaip-features p.emaip-features__security-text {
  margin: 0 !important;
  padding: 0 !important;
}

body .emaip-features .emaip-features__inner > p:empty,
body .emaip-features .emaip-features__inner > br,
body .emaip-features .emaip-features__body > p:empty,
body .emaip-features .emaip-features__body > br,
body .emaip-features .emaip-features__cards > p:empty,
body .emaip-features .emaip-features__cards > br,
body .emaip-features .emaip-features__support > p:empty,
body .emaip-features .emaip-features__support > br {
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   特徴ラベル
========================================================= */

body .emaip-features p.emaip-features__label {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 176px !important;
  min-height: 42px !important;

  margin: 0 auto 22px !important;
  padding: 0 24px !important;

  border: 1px solid #dfe6fb !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.78) !important;
  color: #3764ee !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   メイン見出し
========================================================= */

body .emaip-features h2.emaip-features__heading {
  display: block !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 43px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   リード文
========================================================= */

body .emaip-features p.emaip-features__lead {
  display: block !important;

  width: 100% !important;
  max-width: 980px !important;

  margin: 16px auto 0 !important;
  padding: 0 !important;

  color: #5f687e !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   6カード＋下段情報の配置用
   大きな外枠は表示しない
========================================================= */

body .emaip-features .emaip-features__body {
  display: block !important;

  width: 100% !important;
  max-width: 1200px !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 34px auto 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  overflow: visible !important;
}

/* =========================================================
   6つの機能カード
========================================================= */

body .emaip-features .emaip-features__cards {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  grid-template-areas:
    "engine agent mcp"
    "skill automation drive" !important;

  grid-template-rows:
    auto
    auto !important;

  grid-auto-rows: auto !important;

  align-items: stretch !important;
  align-content: start !important;
  justify-items: stretch !important;

  width: 100% !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  column-gap: 18px !important;
  row-gap: 18px !important;
}

body .emaip-features .emaip-feature-card--engine {
  grid-area: engine !important;
}

body .emaip-features .emaip-feature-card--agent {
  grid-area: agent !important;
}

body .emaip-features .emaip-feature-card--mcp {
  grid-area: mcp !important;
}

body .emaip-features .emaip-feature-card--skill {
  grid-area: skill !important;
}

body .emaip-features .emaip-feature-card--automation {
  grid-area: automation !important;
}

body .emaip-features .emaip-feature-card--drive {
  grid-area: drive !important;
}

/* =========================================================
   機能カード本体
========================================================= */

body .emaip-features .emaip-features__cards
> article.emaip-feature-card {
  position: relative !important;

  display: flex !important;
  flex-direction: row !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-self: stretch !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 156px !important;

  margin: 0 !important;
  padding: 22px 24px 20px !important;

  float: none !important;
  clear: none !important;

  gap: 16px !important;

  border: 1px solid #ded8f7 !important;
  border-radius: 17px !important;

  background: rgba(255, 255, 255, 0.95) !important;

  box-shadow:
    0 10px 24px rgba(67, 62, 120, 0.045),
    0 2px 8px rgba(67, 62, 120, 0.025) !important;

  text-align: left !important;
}

/* =========================================================
   機能アイコン
========================================================= */

body .emaip-features .emaip-feature-card__icon {
  display: flex !important;
  flex: 0 0 56px !important;

  align-items: center !important;
  justify-content: center !important;

  width: 56px !important;
  height: 56px !important;

  margin: 0 !important;
  padding: 12px !important;

  border-radius: 14px !important;

  background:
    linear-gradient(
      135deg,
      #f1f1ff 0%,
      #f9eefa 100%
    ) !important;

  color: #6044ed !important;
}

body .emaip-features .emaip-feature-card__icon svg {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}

/* =========================================================
   機能カード文章
========================================================= */

body .emaip-features .emaip-feature-card__content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 2px 0 0 !important;
}

body .emaip-features h3.emaip-feature-card__title {
  display: block !important;

  width: 100% !important;

  color: #12162e !important;

  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.025em !important;

  text-align: left !important;
}

body .emaip-features p.emaip-feature-card__text {
  display: block !important;

  width: 100% !important;

  margin-top: 13px !important;

  color: #505a73 !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
}

/* =========================================================
   選べるAIモデル・標準装備のセキュリティ
   下段の枠だけを残して上へ近づける
========================================================= */

body .emaip-features .emaip-features__body
> .emaip-features__support {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1.15fr) !important;

  grid-template-areas:
    "models security" !important;

  grid-template-rows: max-content !important;
  grid-auto-rows: max-content !important;

  align-items: start !important;
  align-content: start !important;
  justify-items: stretch !important;

  width: 100% !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: -8px 0 0 !important;
  padding: 18px 24px 12px !important;

  gap: 28px !important;

  border: 1px solid #dedff0 !important;
  border-radius: 18px !important;

  background: rgba(255, 255, 255, 0.96) !important;

  box-shadow:
    0 10px 24px rgba(67, 62, 120, 0.04) !important;

  overflow: visible !important;
}

/* =========================================================
   下段パネル左右列
========================================================= */

body .emaip-features .emaip-features__support
> .emaip-features__models,
body .emaip-features .emaip-features__support
> .emaip-features__security {
  position: relative !important;

  display: block !important;

  align-self: start !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 0 !important;

  float: none !important;
  clear: none !important;

  transform: none !important;
}

body .emaip-features .emaip-features__support
> .emaip-features__models {
  grid-area: models !important;

  padding: 0 4px 0 0 !important;

  border: 0 !important;
}

body .emaip-features .emaip-features__support
> .emaip-features__security {
  grid-area: security !important;

  padding: 0 0 0 28px !important;

  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #e1e5f2 !important;
}

/* =========================================================
   下段見出し
========================================================= */

body .emaip-features h3.emaip-features__support-title {
  display: block !important;

  width: 100% !important;

  color: #3154df !important;

  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;

  text-align: left !important;
}

/* =========================================================
   AIモデル
========================================================= */

body .emaip-features .emaip-features__model-list {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  gap: 10px !important;
}

body .emaip-features .emaip-features__model-card {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 9px 12px !important;

  border: 1px solid #dfe5f4 !important;
  border-radius: 13px !important;

  background: #ffffff !important;
  color: #12162e !important;

  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;

  box-shadow:
    0 5px 14px rgba(33, 46, 89, 0.045) !important;
}

/* =========================================================
   セキュリティカード
========================================================= */

body .emaip-features .emaip-features__security-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  gap: 10px !important;
}

body .emaip-features .emaip-features__security-card {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 9px 12px !important;

  gap: 10px !important;

  border: 1px solid #dfe5f4 !important;
  border-radius: 13px !important;

  background: #ffffff !important;

  box-shadow:
    0 5px 14px rgba(33, 46, 89, 0.035) !important;
}

body .emaip-features img.emaip-features__security-icon {
  display: block !important;
  flex: 0 0 28px !important;

  width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;

  object-fit: contain !important;
}

body .emaip-features p.emaip-features__security-text {
  display: block !important;

  min-width: 0 !important;

  color: #3154df !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;

  text-align: left !important;

  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* =========================================================
   下段説明文
========================================================= */

body .emaip-features p.emaip-features__support-note {
  display: block !important;

  width: 100% !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  color: #5c637b !important;

  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;

  text-align: left !important;
}

/* =========================================================
   タブレット
   768px〜1100px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-features {
    padding: 52px 18px 54px !important;
  }

  body .emaip-features p.emaip-features__label {
    min-width: 158px !important;
    min-height: 38px !important;

    margin-bottom: 19px !important;
    padding: 0 20px !important;

    font-size: 13px !important;
  }

  body .emaip-features h2.emaip-features__heading {
    font-size: clamp(25px, 3.8vw, 35px) !important;
  }

  body .emaip-features p.emaip-features__lead {
    margin-top: 13px !important;

    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body .emaip-features .emaip-features__body {
    margin-top: 28px !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

  body .emaip-features .emaip-features__cards {
    margin: 0 !important;

    column-gap: 12px !important;
    row-gap: 12px !important;
  }

  body .emaip-features .emaip-features__cards
  > article.emaip-feature-card {
    min-height: 138px !important;

    padding: 17px 14px 16px !important;

    gap: 10px !important;

    border-radius: 15px !important;
  }

  body .emaip-features .emaip-feature-card__icon {
    flex-basis: 46px !important;

    width: 46px !important;
    height: 46px !important;

    padding: 10px !important;

    border-radius: 12px !important;
  }

  body .emaip-features h3.emaip-feature-card__title {
    font-size: 14px !important;
  }

  body .emaip-features p.emaip-feature-card__text {
    margin-top: 10px !important;

    font-size: 10.5px !important;
    line-height: 1.65 !important;
  }

  body .emaip-features .emaip-features__body
  > .emaip-features__support {
    grid-template-columns:
      minmax(0, 0.9fr)
      minmax(0, 1.1fr) !important;

    grid-template-areas:
      "models security" !important;

    margin: 6px 0 0 !important;
    padding: 16px 18px 10px !important;

    gap: 20px !important;

    border: 1px solid #dedff0 !important;
    border-radius: 17px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    box-shadow:
      0 8px 20px rgba(67, 62, 120, 0.04) !important;
  }

  body .emaip-features .emaip-features__support
  > .emaip-features__security {
    padding-left: 20px !important;
  }

  body .emaip-features h3.emaip-features__support-title {
    font-size: 14px !important;
  }

  body .emaip-features .emaip-features__model-list,
  body .emaip-features .emaip-features__security-grid {
    margin-top: 10px !important;

    gap: 8px !important;
  }

  body .emaip-features .emaip-features__model-card {
    min-height: 48px !important;

    padding: 8px 5px !important;

    font-size: 13px !important;
  }

  body .emaip-features .emaip-features__security-card {
    min-height: 48px !important;

    padding: 8px !important;

    gap: 7px !important;
  }

  body .emaip-features img.emaip-features__security-icon {
    flex-basis: 24px !important;

    width: 24px !important;
    max-width: 24px !important;
    height: 24px !important;
  }

  body .emaip-features p.emaip-features__security-text {
    font-size: 10.5px !important;
  }

  body .emaip-features p.emaip-features__support-note {
    margin-top: 10px !important;

    font-size: 9.5px !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-features {
    width: 100% !important;

    margin: 0 !important;
    padding: 46px 16px 48px !important;
  }

  body .emaip-features p.emaip-features__label {
    min-width: 146px !important;
    min-height: 38px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 13px !important;
  }

  body .emaip-features h2.emaip-features__heading {
    max-width: 520px !important;

    font-size: clamp(22px, 6.8vw, 30px) !important;
    line-height: 1.42 !important;
    letter-spacing: -0.03em !important;
  }

  body .emaip-features p.emaip-features__lead {
    margin-top: 13px !important;

    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body .emaip-features p.emaip-features__lead br {
    display: none !important;
  }

  body .emaip-features .emaip-features__body {
    width: 100% !important;
    max-width: 420px !important;

    margin: 26px auto 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
  }

  /* 機能カードは縦1列 */

  body .emaip-features .emaip-features__cards {
    grid-template-columns: 1fr !important;

    grid-template-areas:
      "engine"
      "agent"
      "mcp"
      "skill"
      "automation"
      "drive" !important;

    grid-template-rows:
      repeat(6, auto) !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    gap: 13px !important;
  }

  body .emaip-features .emaip-features__cards
  > article.emaip-feature-card {
    min-height: 0 !important;

    padding: 18px 17px 17px !important;

    gap: 13px !important;

    border-radius: 16px !important;
  }

  body .emaip-features .emaip-feature-card__icon {
    flex-basis: 50px !important;

    width: 50px !important;
    height: 50px !important;

    padding: 11px !important;

    border-radius: 13px !important;
  }

  body .emaip-features h3.emaip-feature-card__title {
    font-size: 16px !important;
  }

  body .emaip-features p.emaip-feature-card__text {
    margin-top: 9px !important;

    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  /* 下段は枠を残したまま縦並び */

  body .emaip-features .emaip-features__body
  > .emaip-features__support {
    grid-template-columns: 1fr !important;

    grid-template-areas:
      "models"
      "security" !important;

    grid-template-rows:
      max-content
      max-content !important;

    width: 100% !important;
    max-width: none !important;

    margin: 6px 0 0 !important;
    padding: 16px 14px 12px !important;

    gap: 16px !important;

    border: 1px solid #dedff0 !important;
    border-radius: 16px !important;

    background: rgba(255, 255, 255, 0.96) !important;

    box-shadow:
      0 8px 20px rgba(67, 62, 120, 0.04) !important;
  }

  body .emaip-features .emaip-features__support
  > .emaip-features__models {
    padding: 0 !important;
  }

  body .emaip-features .emaip-features__support
  > .emaip-features__security {
    padding: 16px 0 0 !important;

    border-top: 1px solid #e1e5f2 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
  }

  body .emaip-features h3.emaip-features__support-title {
    font-size: 15px !important;
  }

  /* AIモデルは3列 */

  body .emaip-features .emaip-features__model-list {
    grid-template-columns:
      repeat(3, minmax(0, 1fr)) !important;

    margin-top: 10px !important;

    gap: 8px !important;
  }

  body .emaip-features .emaip-features__model-card {
    min-height: 44px !important;

    padding: 8px 5px !important;

    font-size: 12px !important;
  }

  /* セキュリティは縦1列 */

  body .emaip-features .emaip-features__security-grid {
    grid-template-columns: 1fr !important;

    margin-top: 10px !important;

    gap: 8px !important;
  }

  body .emaip-features .emaip-features__security-card {
    min-height: 46px !important;

    padding: 8px 10px !important;
  }

  body .emaip-features img.emaip-features__security-icon {
    flex-basis: 26px !important;

    width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
  }

  body .emaip-features p.emaip-features__security-text {
    font-size: 11.5px !important;
  }

  body .emaip-features p.emaip-features__support-note {
    margin-top: 10px !important;

    font-size: 10px !important;
    line-height: 1.55 !important;
  }
}
/* 下段の枠を強制的に上へ移動 */
body .emaip-features .emaip-features__body
> .emaip-features__support {
  position: relative !important;
  top: -70px !important;
  margin-bottom: -70px !important;
}
/* =========================================================
   EmMatch AIP ツール連携セクション
   class：emaip-connect
========================================================= */

.emaip-connect,
.emaip-connect *,
.emaip-connect *::before,
.emaip-connect *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-connect {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 72px 28px 82px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 8% 5%,
      rgba(93, 126, 255, 0.08) 0%,
      rgba(93, 126, 255, 0) 33%
    ),
    radial-gradient(
      circle at 95% 15%,
      rgba(191, 93, 255, 0.055) 0%,
      rgba(191, 93, 255, 0) 32%
    ),
    #f3f5fd !important;

  color: #14182e !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-connect .emaip-connect__inner {
  width: 100% !important;
  max-width: 1280px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* テーマ側の余白をリセット */

body .emaip-connect p,
body .emaip-connect h2,
body .emaip-connect h3,
body .emaip-connect ul,
body .emaip-connect li {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   見出しエリア
========================================================= */

body .emaip-connect .emaip-connect__heading {
  width: 100% !important;
  max-width: 980px !important;

  margin: 0 auto !important;

  text-align: center !important;
}

/* ラベル */

body .emaip-connect p.emaip-connect__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 118px !important;
  min-height: 40px !important;

  margin: 0 auto 26px !important;
  padding: 0 22px !important;

  border: 1px solid #dce5ff !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.78) !important;
  color: #3565dc !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
}

/* メイン見出し */

body .emaip-connect h2.emaip-connect__title {
  color: #16192d !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.045em !important;

  text-align: center !important;

  word-break: keep-all !important;
}

/* 説明文 */

body .emaip-connect p.emaip-connect__lead {
  margin-top: 22px !important;

  color: #78829b !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   連携一覧全体
========================================================= */

body .emaip-connect .emaip-connect__groups {
  width: 100% !important;

  margin-top: 48px !important;
  padding: 0 !important;
}

/* =========================================================
   各カテゴリー
========================================================= */

body .emaip-connect .emaip-connect__group {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

body .emaip-connect
.emaip-connect__group
+ .emaip-connect__group {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* カテゴリータイトル */

body .emaip-connect h3.emaip-connect__group-title {
  margin-bottom: 20px !important;

  color: #2859c9 !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;

  text-align: left !important;
}

/* =========================================================
   コネクタ一覧
========================================================= */

body .emaip-connect ul.emaip-connect__list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 12px !important;

  list-style: none !important;
}

/* =========================================================
   コネクタカード
========================================================= */

body .emaip-connect li.emaip-connect__item {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: auto !important;
  min-width: 110px !important;
  min-height: 54px !important;

  margin: 0 !important;
  padding: 12px 22px 13px 42px !important;

  border: 1px solid #e3e7f2 !important;
  border-radius: 12px !important;

  background: rgba(255, 255, 255, 0.96) !important;
  color: #25293d !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;

  box-shadow:
    0 7px 18px rgba(52, 65, 114, 0.045),
    0 2px 5px rgba(52, 65, 114, 0.025) !important;
}

/* 左側のグラデーションドット */

body .emaip-connect li.emaip-connect__item::before {
  position: absolute !important;
  top: 50% !important;
  left: 19px !important;

  display: block !important;

  width: 10px !important;
  height: 10px !important;

  border-radius: 3px !important;

  background: linear-gradient(
    135deg,
    #356fff 0%,
    #8c32e9 48%,
    #f009a3 100%
  ) !important;

  content: "" !important;

  transform: translateY(-50%) !important;
}

/* 最後の「ほか50+」カード */

body .emaip-connect li.emaip-connect__item--more {
  border-style: dashed !important;
  border-color: #dce3f5 !important;

  background: rgba(247, 249, 255, 0.7) !important;
  color: #315fc3 !important;
}

body .emaip-connect li.emaip-connect__item--more::before {
  display: none !important;
  content: none !important;
}

body .emaip-connect li.emaip-connect__item--more {
  padding-left: 22px !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-connect {
    padding: 62px 22px 70px !important;
  }

  body .emaip-connect .emaip-connect__inner {
    max-width: 1000px !important;
  }

  body .emaip-connect p.emaip-connect__label {
    min-height: 38px !important;

    margin-bottom: 22px !important;

    font-size: 12px !important;
  }

  body .emaip-connect h2.emaip-connect__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-connect p.emaip-connect__lead {
    margin-top: 19px !important;

    font-size: 13px !important;
    line-height: 1.85 !important;
  }

  body .emaip-connect .emaip-connect__groups {
    margin-top: 40px !important;
  }

  body .emaip-connect
  .emaip-connect__group
  + .emaip-connect__group {
    margin-top: 32px !important;
  }

  body .emaip-connect h3.emaip-connect__group-title {
    margin-bottom: 16px !important;

    font-size: 14px !important;
  }

  body .emaip-connect ul.emaip-connect__list {
    gap: 10px !important;
  }

  body .emaip-connect li.emaip-connect__item {
    min-width: 100px !important;
    min-height: 50px !important;

    padding: 11px 18px 12px 37px !important;

    font-size: 13px !important;
  }

  body .emaip-connect li.emaip-connect__item::before {
    left: 16px !important;

    width: 9px !important;
    height: 9px !important;
  }

  body .emaip-connect li.emaip-connect__item--more {
    padding-left: 18px !important;
  }
}

/* =========================================================
   スマートフォン
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-connect {
    width: 100% !important;

    margin: 0 !important;
    padding: 50px 16px 56px !important;
  }

  body .emaip-connect .emaip-connect__inner {
    max-width: 460px !important;
  }

  body .emaip-connect p.emaip-connect__label {
    min-width: 106px !important;
    min-height: 36px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 11px !important;
  }

  body .emaip-connect h2.emaip-connect__title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.04em !important;
  }

  body .emaip-connect p.emaip-connect__lead {
    margin-top: 17px !important;

    font-size: 12px !important;
    line-height: 1.8 !important;

    text-align: left !important;
  }

  body .emaip-connect p.emaip-connect__lead br {
    display: none !important;
  }

  body .emaip-connect .emaip-connect__groups {
    margin-top: 34px !important;
  }

  body .emaip-connect
  .emaip-connect__group
  + .emaip-connect__group {
    margin-top: 30px !important;
  }

  body .emaip-connect h3.emaip-connect__group-title {
    margin-bottom: 14px !important;

    font-size: 13px !important;
  }

  body .emaip-connect ul.emaip-connect__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 9px !important;
  }

  body .emaip-connect li.emaip-connect__item {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;

    padding: 10px 10px 11px 31px !important;

    border-radius: 10px !important;

    font-size: 11.5px !important;
  }

  body .emaip-connect li.emaip-connect__item::before {
    left: 13px !important;

    width: 8px !important;
    height: 8px !important;
  }

  body .emaip-connect li.emaip-connect__item--more {
    padding-left: 12px !important;

    text-align: center !important;
    justify-content: center !important;
  }
}

/* =========================================================
   極小スマートフォン
========================================================= */

@media screen and (max-width: 374px) {

  body .emaip-connect ul.emaip-connect__list {
    grid-template-columns: 1fr !important;
  }

  body .emaip-connect li.emaip-connect__item {
    font-size: 12px !important;
  }
}
/* =========================================================
   各カテゴリー間の余白
========================================================= */

body .emaip-connect .emaip-connect__groups {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  gap: 25px !important;
}

/* 以前のカテゴリー間余白を無効化 */
body .emaip-connect
.emaip-connect__group
+ .emaip-connect__group {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 以前追加したタイトル側の余白も無効化 */
body .emaip-connect
.emaip-connect__groups
> .emaip-connect__group
+ .emaip-connect__group
> h3.emaip-connect__group-title {
  margin-top: 0 !important;
}

/* =========================================================
   EmMatch AIP セキュリティ・ログ セクション
   class: emaip-coresec
========================================================= */

.emaip-coresec,
.emaip-coresec *,
.emaip-coresec *::before,
.emaip-coresec *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-coresec {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 72px 24px 80px !important;
  overflow: hidden !important;

  background: linear-gradient(
    90deg,
    #eef3ff 0%,
    #f7f4ff 48%,
    #fdf0f7 100%
  ) !important;

  color: #14182f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-coresec .emaip-coresec__inner {
  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body .emaip-coresec p,
body .emaip-coresec h2,
body .emaip-coresec h3 {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

body .emaip-coresec p.emaip-coresec__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 210px !important;
  min-height: 42px !important;
  margin: 0 auto 24px !important;
  padding: 0 22px !important;
  border: 1px solid #e4e8f9 !important;
  border-radius: 999px !important;
  background: rgba(249, 250, 255, 0.9) !important;
  color: #4b69ea !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-coresec h2.emaip-coresec__title {
  color: #141a3a !important;
  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.045em !important;
  text-align: center !important;
}

body .emaip-coresec p.emaip-coresec__lead {
  max-width: 980px !important;
  margin: 24px auto 0 !important;
  color: #66708d !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

/* =========================================================
   カード全体
========================================================= */

body .emaip-coresec .emaip-coresec__cards {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 1020px !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
}

/* =========================================================
   各カード
========================================================= */

body .emaip-coresec .emaip-coresec__card {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 20px !important;
  width: 100% !important;
  min-height: 118px !important;
  margin: 0 !important;
  padding: 18px 24px 18px 18px !important;
  border: 1px solid #ececf6 !important;
  border-left: 4px solid #df63da !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 10px 26px rgba(68, 65, 112, 0.05),
    0 3px 8px rgba(68, 65, 112, 0.03) !important;
  text-align: left !important;
}

/* アイコン */

body .emaip-coresec .emaip-coresec__icon {
  display: flex !important;
  flex: 0 0 92px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 92px !important;
  height: 92px !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: linear-gradient(
    135deg,
    #4a72ff 0%,
    #8a44e8 48%,
    #ef2aa7 100%
  ) !important;
  color: #ffffff !important;
  box-shadow:
    0 8px 18px rgba(108, 86, 223, 0.18) !important;
}

body .emaip-coresec .emaip-coresec__icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* テキスト */

body .emaip-coresec .emaip-coresec__content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-left: 4px !important;
  border-left: 1px solid #f0f1f8 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

body .emaip-coresec h3.emaip-coresec__card-title {
  color: #141a3a !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
  padding-left: 18px !important;
}

body .emaip-coresec p.emaip-coresec__card-text {
  margin-top: 6px !important;
  color: #66708d !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
  padding-left: 18px !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {
  body .emaip-coresec {
    padding: 62px 20px 68px !important;
  }

  body .emaip-coresec .emaip-coresec__inner {
    max-width: 920px !important;
  }

  body .emaip-coresec p.emaip-coresec__label {
    min-width: 190px !important;
    min-height: 40px !important;
    margin-bottom: 22px !important;
    font-size: 12px !important;
  }

  body .emaip-coresec h2.emaip-coresec__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-coresec p.emaip-coresec__lead {
    margin-top: 20px !important;
    font-size: 13px !important;
    line-height: 1.85 !important;
  }

  body .emaip-coresec .emaip-coresec__cards {
    max-width: 900px !important;
    margin-top: 30px !important;
    gap: 14px !important;
  }

  body .emaip-coresec .emaip-coresec__card {
    min-height: 108px !important;
    padding: 16px 20px 16px 16px !important;
    gap: 16px !important;
    border-radius: 18px !important;
  }

  body .emaip-coresec .emaip-coresec__icon {
    flex-basis: 80px !important;
    width: 80px !important;
    height: 80px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  body .emaip-coresec h3.emaip-coresec__card-title {
    font-size: 16px !important;
    padding-left: 14px !important;
  }

  body .emaip-coresec p.emaip-coresec__card-text {
    font-size: 12px !important;
    line-height: 1.8 !important;
    padding-left: 14px !important;
  }
}

/* =========================================================
   スマートフォン
========================================================= */

@media screen and (max-width: 767px) {
  body .emaip-coresec {
    width: 100% !important;
    margin: 0 !important;
    padding: 48px 16px 54px !important;
  }

  body .emaip-coresec .emaip-coresec__inner {
    max-width: 460px !important;
  }

  body .emaip-coresec p.emaip-coresec__label {
    min-width: 176px !important;
    min-height: 38px !important;
    margin-bottom: 18px !important;
    padding: 0 18px !important;
    font-size: 11px !important;
  }

  body .emaip-coresec h2.emaip-coresec__title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.42 !important;
  }

  body .emaip-coresec p.emaip-coresec__lead {
    margin-top: 18px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    text-align: left !important;
  }

  body .emaip-coresec p.emaip-coresec__lead br {
    display: none !important;
  }

  body .emaip-coresec .emaip-coresec__cards {
    margin-top: 24px !important;
    gap: 12px !important;
  }

  body .emaip-coresec .emaip-coresec__card {
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 14px !important;
    min-height: 0 !important;
    padding: 14px 14px 14px 12px !important;
    border-radius: 16px !important;
  }

  body .emaip-coresec .emaip-coresec__icon {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
    padding: 13px !important;
    border-radius: 14px !important;
  }

  body .emaip-coresec .emaip-coresec__content {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  body .emaip-coresec h3.emaip-coresec__card-title {
    font-size: 15px !important;
    padding-left: 0 !important;
  }

  body .emaip-coresec p.emaip-coresec__card-text {
    margin-top: 5px !important;
    font-size: 11.5px !important;
    line-height: 1.75 !important;
    padding-left: 0 !important;
  }
}
/* =========================================================
   EmMatch AIP 認証セクション・コンパクト版
   class: emaip-cert
========================================================= */

.emaip-cert,
.emaip-cert *,
.emaip-cert *::before,
.emaip-cert *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-cert {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 58px 24px 64px !important;

  overflow: hidden !important;

  background: #ffffff !important;
  color: #14182f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-cert .emaip-cert__inner {
  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}

body .emaip-cert p,
body .emaip-cert h2,
body .emaip-cert h3 {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

body .emaip-cert p.emaip-cert__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 128px !important;
  min-height: 38px !important;

  margin: 0 auto 18px !important;
  padding: 0 20px !important;

  border: 1px solid #e1e7fa !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.92) !important;
  color: #3266ed !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-cert h2.emaip-cert__title {
  color: #141a3a !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.045em !important;

  text-align: center !important;
}

/* =========================================================
   説明文
========================================================= */

body .emaip-cert p.emaip-cert__lead {
  width: 100% !important;
  max-width: 920px !important;

  margin: 18px auto 0 !important;

  color: #78829b !important;

  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   カード一覧
========================================================= */

body .emaip-cert .emaip-cert__cards {
  display: flex !important;
  flex-wrap: wrap !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  width: 100% !important;

  margin: 32px auto 0 !important;
  padding: 0 !important;

  gap: 12px !important;
}

/* =========================================================
   カード
========================================================= */

body .emaip-cert .emaip-cert__card {
  display: flex !important;
  flex: 0 0 calc((100% - 36px) / 4) !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 0 !important;
  min-height: 132px !important;

  margin: 0 !important;
  padding: 16px 12px 14px !important;

  border: 1px solid #e9edf7 !important;
  border-radius: 14px !important;

  background: #ffffff !important;

  box-shadow:
    0 7px 18px rgba(73, 84, 125, 0.045),
    0 2px 5px rgba(73, 84, 125, 0.025) !important;

  text-align: center !important;
}

/* =========================================================
   アイコン
========================================================= */

/* ラベル */
body .emaip-cert p.emaip-cert__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 128px !important;
  min-height: 38px !important;

  margin: 0 auto 18px !important;
  padding: 0 20px !important;

  border: 1px solid #e1e7fa !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.92) !important;
  color: #3266ed !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
}

/* アイコンの四角背景 */
body .emaip-cert .emaip-cert__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 52px !important;
  height: 52px !important;

  margin: 0 auto 10px !important;
  padding: 11px !important;

  border-radius: 14px !important;

  background: linear-gradient(
    135deg,
    #4a72ff 0%,
    #8a44e8 48%,
    #ef2aa7 100%
  ) !important;

  box-shadow:
    0 8px 18px rgba(108, 86, 223, 0.16) !important;

  overflow: hidden !important;
}

/* アイコン画像 */
body .emaip-cert .emaip-cert__icon img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   カードタイトル
========================================================= */

body .emaip-cert h3.emaip-cert__card-title {
  color: #1a2038 !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.02em !important;

  text-align: center !important;
}

/* =========================================================
   カード説明
========================================================= */

body .emaip-cert p.emaip-cert__card-text {
  margin-top: 6px !important;

  color: #8a93ad !important;

  font-family: inherit !important;
  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   タブレット
   4列を維持
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-cert {
    padding: 52px 18px 58px !important;
  }

  body .emaip-cert .emaip-cert__inner {
    max-width: 1040px !important;
  }

  body .emaip-cert p.emaip-cert__label {
    min-height: 32px !important;
    margin-bottom: 17px !important;
    font-size: 10.5px !important;
  }

  body .emaip-cert h2.emaip-cert__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-cert p.emaip-cert__lead {
    max-width: 840px !important;
    margin-top: 16px !important;

    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  body .emaip-cert .emaip-cert__cards {
    margin-top: 28px !important;
    gap: 10px !important;
  }

  body .emaip-cert .emaip-cert__card {
    flex: 0 0 calc((100% - 30px) / 4) !important;
    min-height: 122px !important;

    padding: 14px 9px 12px !important;

    border-radius: 13px !important;
  }

  body .emaip-cert .emaip-cert__icon {
    width: 40px !important;
    height: 40px !important;

    margin-bottom: 9px !important;
  }

  body .emaip-cert .emaip-cert__icon img {
    width: 40px !important;
    height: 40px !important;
  }

  body .emaip-cert h3.emaip-cert__card-title {
    font-size: 12.5px !important;
  }

  body .emaip-cert p.emaip-cert__card-text {
    margin-top: 5px !important;

    font-size: 9.5px !important;
    line-height: 1.5 !important;
  }
}

/* =========================================================
   スマートフォン
   1列・コンパクト
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-cert {
    width: 100% !important;

    margin: 0 !important;
    padding: 44px 16px 50px !important;
  }

  body .emaip-cert .emaip-cert__inner {
    max-width: 460px !important;
  }

  body .emaip-cert p.emaip-cert__label {
    min-width: 102px !important;
    min-height: 32px !important;

    margin-bottom: 16px !important;
    padding: 0 16px !important;

    font-size: 10px !important;
  }

  body .emaip-cert h2.emaip-cert__title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.42 !important;
  }

  body .emaip-cert p.emaip-cert__lead {
    margin-top: 16px !important;

    font-size: 11.5px !important;
    line-height: 1.75 !important;

    text-align: left !important;
  }

  body .emaip-cert .emaip-cert__cards {
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    margin-top: 24px !important;

    gap: 9px !important;
  }

  body .emaip-cert .emaip-cert__card {
    flex: none !important;

    width: 100% !important;
    min-height: 0 !important;

    padding: 13px 12px 12px !important;

    border-radius: 13px !important;
  }

  body .emaip-cert .emaip-cert__icon {
    width: 40px !important;
    height: 40px !important;

    margin-bottom: 8px !important;
  }

  body .emaip-cert .emaip-cert__icon img {
    width: 40px !important;
    height: 40px !important;
  }

  body .emaip-cert h3.emaip-cert__card-title {
    font-size: 13px !important;
  }

  body .emaip-cert p.emaip-cert__card-text {
    margin-top: 4px !important;

    font-size: 10px !important;
    line-height: 1.5 !important;
  }
}
/* =========================================================
   EmMatch AIP 教育・コンサル セクション
   class: emaip-educonsul
========================================================= */

.emaip-educonsul,
.emaip-educonsul *,
.emaip-educonsul *::before,
.emaip-educonsul *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-educonsul {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 68px 24px 74px !important;
  overflow: hidden !important;

  background: linear-gradient(
    90deg,
    #eef3ff 0%,
    #f7f4ff 48%,
    #fdf0f7 100%
  ) !important;

  color: #14182f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* 左右の薄い装飾 */
body .emaip-educonsul::before,
body .emaip-educonsul::after {
  position: absolute !important;
  top: 0 !important;
  width: 190px !important;
  height: 420px !important;
  content: "" !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.7 !important;
}

body .emaip-educonsul::before {
  left: 0 !important;
  background:
    linear-gradient(55deg, rgba(117, 134, 255, 0.12) 0%, rgba(117, 134, 255, 0) 72%) !important;
  clip-path: polygon(0 0, 100% 0, 0 100%) !important;
}

body .emaip-educonsul::after {
  right: 0 !important;
  background:
    linear-gradient(-55deg, rgba(232, 74, 181, 0.10) 0%, rgba(232, 74, 181, 0) 72%) !important;
  clip-path: polygon(100% 0, 100% 100%, 0 0) !important;
}

/* ドット飾り */
body .emaip-educonsul .emaip-educonsul__inner::before,
body .emaip-educonsul .emaip-educonsul__inner::after {
  position: absolute !important;
  width: 88px !important;
  height: 68px !important;
  content: "" !important;
  pointer-events: none !important;
  opacity: 0.45 !important;
  background-image: radial-gradient(circle, #b8bfe4 1.6px, transparent 1.6px) !important;
  background-size: 14px 14px !important;
  z-index: 0 !important;
}

body .emaip-educonsul .emaip-educonsul__inner::before {
  left: -6px !important;
  top: 278px !important;
}

body .emaip-educonsul .emaip-educonsul__inner::after {
  right: 8px !important;
  bottom: 170px !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-educonsul .emaip-educonsul__inner {
  position: relative !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  z-index: 1 !important;
}

body .emaip-educonsul p,
body .emaip-educonsul h2,
body .emaip-educonsul h3 {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

body .emaip-educonsul p.emaip-educonsul__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 470px !important;
  min-height: 46px !important;
  margin: 0 auto 26px !important;
  padding: 0 28px !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(90deg, #3266ed 0%, #ef2aa7 100%) border-box !important;
  color: #2f61e0 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-educonsul h2.emaip-educonsul__title {
  color: #131a3a !important;
  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
  letter-spacing: -0.045em !important;
  text-align: center !important;
}

/* =========================================================
   リード文
========================================================= */

body .emaip-educonsul .emaip-educonsul__lead {
  width: 100% !important;
  max-width: 980px !important;
  margin: 26px auto 0 !important;
}

body .emaip-educonsul .emaip-educonsul__lead p {
  color: #4f5877 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

body .emaip-educonsul .emaip-educonsul__lead p + p {
  margin-top: 2px !important;
}

/* =========================================================
   カード一覧
========================================================= */

body .emaip-educonsul .emaip-educonsul__cards {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 34px auto 0 !important;
  padding: 0 !important;
}

/* =========================================================
   カード
========================================================= */

body .emaip-educonsul .emaip-educonsul__card {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  min-height: 358px !important;
  margin: 0 !important;
  padding: 26px 26px 22px !important;
  border: 1.5px solid #dce3f3 !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 14px 34px rgba(73, 84, 125, 0.06),
    0 3px 8px rgba(73, 84, 125, 0.03) !important;
  text-align: left !important;
}

/* =========================================================
   アイコン
========================================================= */

body .emaip-educonsul .emaip-educonsul__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 76px !important;
  height: 76px !important;
  margin: 0 0 20px !important;
  padding: 16px !important;
  border-radius: 18px !important;
  background: linear-gradient(
    135deg,
    #346dff 0%,
    #8148e7 48%,
    #ef2aa7 100%
  ) !important;
  box-shadow: 0 10px 22px rgba(108, 86, 223, 0.18) !important;
  overflow: hidden !important;
}

body .emaip-educonsul .emaip-educonsul__icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   カードタイトル
========================================================= */

body .emaip-educonsul h3.emaip-educonsul__card-title {
  color: #141a3a !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

/* =========================================================
   カード本文
========================================================= */

body .emaip-educonsul p.emaip-educonsul__card-text {
  margin-top: 12px !important;
  color: #4f5877 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
}

/* =========================================================
   カード下部ポイント
========================================================= */

body .emaip-educonsul p.emaip-educonsul__point {
  display: block !important;
  width: 100% !important;
  margin-top: auto !important;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  background: #f3f5ff !important;
  color: #3858ea !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

/* =========================================================
   下部サマリー
========================================================= */

body .emaip-educonsul .emaip-educonsul__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 22px auto 0 !important;
  padding: 22px 28px !important;
  border-radius: 24px !important;
  background: linear-gradient(
    90deg,
    #2465eb 0%,
    #7f45e7 50%,
    #ef149f 100%
  ) !important;
  box-shadow:
    0 16px 34px rgba(81, 70, 174, 0.18) !important;
}

body .emaip-educonsul .emaip-educonsul__summary-icon {
  display: flex !important;
  flex: 0 0 84px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 84px !important;
  height: 84px !important;
  color: rgba(255, 255, 255, 0.98) !important;
}

body .emaip-educonsul .emaip-educonsul__summary-icon svg {
  display: block !important;
  width: 56px !important;
  height: 56px !important;
}

body .emaip-educonsul .emaip-educonsul__summary-main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: center !important;
}

body .emaip-educonsul p.emaip-educonsul__summary-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

body .emaip-educonsul p.emaip-educonsul__summary-text {
  margin-top: 8px !important;
  color: rgba(255, 255, 255, 0.98) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0.01em !important;
  text-align: center !important;
}

/* =========================================================
   タブレット
   3列維持
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {
  body .emaip-educonsul {
    padding: 58px 18px 64px !important;
  }

  body .emaip-educonsul::before,
  body .emaip-educonsul::after {
    width: 140px !important;
    height: 300px !important;
  }

  body .emaip-educonsul .emaip-educonsul__inner::before {
    top: 250px !important;
    left: 2px !important;
    width: 72px !important;
    height: 58px !important;
  }

  body .emaip-educonsul .emaip-educonsul__inner::after {
    right: 6px !important;
    bottom: 142px !important;
    width: 72px !important;
    height: 58px !important;
  }

  body .emaip-educonsul p.emaip-educonsul__label {
    min-width: 400px !important;
    min-height: 42px !important;
    margin-bottom: 22px !important;
    font-size: 12px !important;
  }

  body .emaip-educonsul h2.emaip-educonsul__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-educonsul .emaip-educonsul__lead {
    margin-top: 22px !important;
    max-width: 900px !important;
  }

  body .emaip-educonsul .emaip-educonsul__lead p {
    font-size: 13px !important;
    line-height: 1.85 !important;
  }

  body .emaip-educonsul .emaip-educonsul__cards {
    gap: 14px !important;
    margin-top: 30px !important;
  }

  body .emaip-educonsul .emaip-educonsul__card {
    min-height: 328px !important;
    padding: 20px 18px 18px !important;
    border-radius: 18px !important;
  }

  body .emaip-educonsul .emaip-educonsul__icon {
    width: 66px !important;
    height: 66px !important;
    padding: 14px !important;
    margin-bottom: 16px !important;
    border-radius: 16px !important;
  }

  body .emaip-educonsul h3.emaip-educonsul__card-title {
    font-size: 18px !important;
  }

  body .emaip-educonsul p.emaip-educonsul__card-text {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
  }

  body .emaip-educonsul p.emaip-educonsul__point {
    padding: 13px 14px !important;
    font-size: 13px !important;
    border-radius: 14px !important;
  }

  body .emaip-educonsul .emaip-educonsul__summary {
    gap: 12px !important;
    margin-top: 18px !important;
    padding: 18px 18px !important;
    border-radius: 20px !important;
  }

  body .emaip-educonsul .emaip-educonsul__summary-icon {
    flex-basis: 64px !important;
    width: 64px !important;
    height: 64px !important;
  }

  body .emaip-educonsul .emaip-educonsul__summary-icon svg {
    width: 44px !important;
    height: 44px !important;
  }

  body .emaip-educonsul p.emaip-educonsul__summary-title {
    font-size: 18px !important;
  }

  body .emaip-educonsul p.emaip-educonsul__summary-text {
    margin-top: 6px !important;
    font-size: 13px !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
   PC・タブレットには影響しません
========================================================= */

@media screen and (max-width: 767px) {

  /* =======================================================
     セクション全体
  ======================================================= */

  html body .emaip-educonsul {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
    padding: 44px 14px 48px !important;

    overflow: hidden !important;

    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* スマホでは左右の装飾を非表示 */

  html body .emaip-educonsul::before,
  html body .emaip-educonsul::after,
  html body .emaip-educonsul .emaip-educonsul__inner::before,
  html body .emaip-educonsul .emaip-educonsul__inner::after {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    content: none !important;
  }

  /* =======================================================
     内側
  ======================================================= */

  html body .emaip-educonsul .emaip-educonsul__inner {
    position: relative !important;

    width: 100% !important;
    max-width: 430px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
  }

  /* =======================================================
     ラベル
  ======================================================= */

  html body .emaip-educonsul p.emaip-educonsul__label {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 390px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 auto 18px !important;
    padding: 10px 12px !important;

    border-radius: 16px !important;

    font-size: 10.5px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* =======================================================
     見出し
  ======================================================= */

  html body .emaip-educonsul h2.emaip-educonsul__title {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    font-size:clamp(19px, 5.8vw, 25px) !important;
    line-height: 1.48 !important;
    letter-spacing: -0.04em !important;

    text-align: center !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;
  }

  html body .emaip-educonsul h2.emaip-educonsul__title br {
    display: block !important;
  }

  /* =======================================================
     リード文
  ======================================================= */

  html body .emaip-educonsul .emaip-educonsul__lead {
    display: block !important;

    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;

    margin: 19px auto 0 !important;
    padding: 0 !important;
  }

  html body .emaip-educonsul .emaip-educonsul__lead p {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11.5px !important;
    line-height: 1.8 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;
  }

  html body .emaip-educonsul .emaip-educonsul__lead p + p {
    margin-top: 8px !important;
  }

  /* =======================================================
     カード一覧
  ======================================================= */

  html body .emaip-educonsul .emaip-educonsul__cards {
    display: grid !important;

    grid-template-columns: minmax(0, 1fr) !important;

    align-items: stretch !important;
    justify-content: stretch !important;

    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;

    margin: 25px auto 0 !important;
    padding: 0 !important;

    gap: 14px !important;
  }

  /* =======================================================
     カード
     上段：アイコン＋タイトル
     下段：本文＋ポイント
  ======================================================= */

  html body .emaip-educonsul article.emaip-educonsul__card {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
      54px
      minmax(0, 1fr) !important;

    grid-template-rows:
      auto
      auto
      auto !important;

    align-items: center !important;
    justify-content: stretch !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 17px 15px 15px !important;

    gap: 0 13px !important;

    border-radius: 17px !important;

    text-align: left !important;

    overflow: visible !important;
  }

  /* =======================================================
     カードアイコン
  ======================================================= */

  html body .emaip-educonsul .emaip-educonsul__icon {
    position: static !important;

    display: flex !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;

    margin: 0 !important;
    padding: 11px !important;

    border-radius: 13px !important;

    align-self: center !important;

    overflow: hidden !important;
  }

  html body .emaip-educonsul .emaip-educonsul__icon img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    transform: none !important;
  }

  /* =======================================================
     カードタイトル
  ======================================================= */

  html body .emaip-educonsul h3.emaip-educonsul__card-title {
    position: static !important;

    display: block !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.025em !important;

    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;

    transform: none !important;
  }

  /* =======================================================
     カード本文
  ======================================================= */

  html body .emaip-educonsul p.emaip-educonsul__card-text {
    position: static !important;

    display: block !important;

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    font-size: 11.5px !important;
    line-height: 1.8 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;

    transform: none !important;
  }

  /* =======================================================
     カード下部ポイント
  ======================================================= */

  html body .emaip-educonsul p.emaip-educonsul__point {
    position: static !important;

    display: flex !important;

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;

    margin: 14px 0 0 !important;
    padding: 10px 11px !important;

    border-radius: 12px !important;

    font-size: 11.5px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.01em !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;

    transform: none !important;
  }

  /* =======================================================
     下部サマリー
     1段目：左右のアイコン
     2段目：文章
  ======================================================= */

  html body .emaip-educonsul .emaip-educonsul__summary {
    display: grid !important;

    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    grid-template-areas:
      "left-icon right-icon"
      "summary-main summary-main" !important;

    align-items: center !important;
    justify-items: center !important;

    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;

    margin: 16px auto 0 !important;
    padding: 17px 14px 19px !important;

    gap: 8px 10px !important;

    border-radius: 18px !important;

    overflow: hidden !important;
  }

  /* 左アイコン */

  html body .emaip-educonsul
  .emaip-educonsul__summary-icon--left {
    grid-area: left-icon !important;
  }

  /* 右アイコン */

  html body .emaip-educonsul
  .emaip-educonsul__summary-icon--right {
    grid-area: right-icon !important;
  }

  html body .emaip-educonsul .emaip-educonsul__summary-icon {
    display: flex !important;
    flex: none !important;

    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  html body .emaip-educonsul .emaip-educonsul__summary-icon svg {
    display: block !important;

    width: 32px !important;
    height: 32px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* サマリー文章 */

  html body .emaip-educonsul .emaip-educonsul__summary-main {
    display: block !important;

    grid-area: summary-main !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  html body .emaip-educonsul
  p.emaip-educonsul__summary-title {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13.5px !important;
    line-height: 1.7 !important;
    letter-spacing: -0.025em !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;
  }

  html body .emaip-educonsul
  p.emaip-educonsul__summary-text {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 7px 0 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.75 !important;
    letter-spacing: 0 !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    overflow: visible !important;
  }
}

/* =========================================================
   小さいスマートフォン
   390px以下
========================================================= */

@media screen and (max-width: 390px) {

  html body .emaip-educonsul {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  html body .emaip-educonsul p.emaip-educonsul__label {
    padding-right: 9px !important;
    padding-left: 9px !important;

    font-size: 9.5px !important;
  }

  html body .emaip-educonsul h2.emaip-educonsul__title {
    font-size: clamp(21px, 6.2vw, 25px) !important;
    line-height: 1.5 !important;
  }

  html body .emaip-educonsul .emaip-educonsul__lead p {
    font-size: 11px !important;
  }

  html body .emaip-educonsul article.emaip-educonsul__card {
    grid-template-columns:
      50px
      minmax(0, 1fr) !important;

    padding: 15px 13px 14px !important;

    gap: 0 11px !important;
  }

  html body .emaip-educonsul .emaip-educonsul__icon {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;

    padding: 10px !important;
  }

  html body .emaip-educonsul h3.emaip-educonsul__card-title {
    font-size: 15px !important;
  }

  html body .emaip-educonsul p.emaip-educonsul__card-text {
    font-size: 11px !important;
  }

  html body .emaip-educonsul p.emaip-educonsul__point {
    font-size: 10.5px !important;
  }

  html body .emaip-educonsul
  p.emaip-educonsul__summary-title {
    font-size: 12.5px !important;
  }

  html body .emaip-educonsul
  p.emaip-educonsul__summary-text {
    font-size: 10.5px !important;
  }
}
/* =========================================================
   AI教育・コンサル
   スマホだけ下部サマリーのアイコンを非表示
========================================================= */

@media screen and (max-width: 767px) {

  /* 左右のアイコンを非表示 */

  html body .emaip-educonsul
  .emaip-educonsul__summary-icon {
    display: none !important;

    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* アイコンを消した後、文章を中央に配置 */

  html body .emaip-educonsul
  .emaip-educonsul__summary {
    display: block !important;

    width: 100% !important;
    max-width: 430px !important;

    margin: 16px auto 0 !important;
    padding: 20px 16px !important;

    text-align: center !important;
  }

  html body .emaip-educonsul
  .emaip-educonsul__summary-main {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }
}
/* =========================================================
   EmMatch AIP 導入効果セクション
   class：emaip-results
========================================================= */

.emaip-results,
.emaip-results *,
.emaip-results *::before,
.emaip-results *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-results {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 64px 24px 68px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 12% 15%,
      rgba(93, 126, 255, 0.05) 0%,
      rgba(93, 126, 255, 0) 36%
    ),
    radial-gradient(
      circle at 88% 18%,
      rgba(235, 88, 193, 0.045) 0%,
      rgba(235, 88, 193, 0) 35%
    ),
    #ffffff !important;

  color: #14182f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-results .emaip-results__inner {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}

body .emaip-results p,
body .emaip-results h2,
body .emaip-results h3 {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

body .emaip-results p.emaip-results__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 112px !important;
  min-height: 36px !important;

  margin: 0 auto 20px !important;
  padding: 0 20px !important;

  border: 1px solid #e1e7fa !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.94) !important;
  color: #3266ed !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-results h2.emaip-results__title {
  color: #15192f !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.045em !important;

  text-align: center !important;
}

/* =========================================================
   説明文
========================================================= */

body .emaip-results p.emaip-results__lead {
  width: 100% !important;
  max-width: 900px !important;

  margin: 20px auto 0 !important;

  color: #7a839d !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   カード一覧
========================================================= */

body .emaip-results .emaip-results__cards {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 38px auto 0 !important;
  padding: 0 !important;

  gap: 22px !important;
}

/* =========================================================
   各カード
========================================================= */

body .emaip-results article.emaip-results__card {
  display: flex !important;
  flex: 1 1 0 !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 0 !important;
  min-height: 230px !important;

  margin: 0 !important;
  padding: 28px 20px 26px !important;

  border: 1.5px solid #dbe2f2 !important;
  border-radius: 20px !important;

  background: rgba(255, 255, 255, 0.98) !important;

  box-shadow:
    0 14px 32px rgba(66, 77, 121, 0.07),
    0 4px 10px rgba(66, 77, 121, 0.035) !important;

  text-align: center !important;
}

/* =========================================================
   カードタイトル
========================================================= */

body .emaip-results h3.emaip-results__card-title {
  color: #5e6681 !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   数値比較
========================================================= */

body .emaip-results .emaip-results__comparison {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;

  width: 100% !important;

  margin: 28px auto 0 !important;
  padding: 0 !important;

  gap: 16px !important;

  white-space: nowrap !important;
}

/* 変更前 */

body .emaip-results .emaip-results__before {
  position: relative !important;

  display: inline-block !important;

  color: #aeb5c8 !important;

  font-family: inherit !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

/* 取り消し線 */

body .emaip-results .emaip-results__before::after {
  position: absolute !important;
  top: 52% !important;
  left: -3px !important;

  display: block !important;

  width: calc(100% + 6px) !important;
  height: 2px !important;

  background: #9ca5bb !important;

  content: "" !important;

  transform: translateY(-50%) !important;
}

/* 矢印 */

body .emaip-results .emaip-results__arrow {
  display: inline-block !important;

  color: #4e70ea !important;

  font-family: inherit !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* 変更後 */

body .emaip-results .emaip-results__after {
  display: inline-block !important;

  color: #315cec !important;

  font-family: inherit !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.03em !important;
}

/* =========================================================
   効果バッジ
========================================================= */

body .emaip-results p.emaip-results__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 92px !important;
  min-height: 42px !important;

  margin: 28px auto 0 !important;
  padding: 8px 18px 10px !important;

  border-radius: 999px !important;

  background: linear-gradient(
    90deg,
    #5f48df 0%,
    #9d24d8 48%,
    #ee079f 100%
  ) !important;

  color: #ffffff !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;

  text-align: center !important;

  box-shadow:
    0 8px 17px rgba(135, 48, 211, 0.17) !important;
}

/* =========================================================
   注釈
========================================================= */

body .emaip-results p.emaip-results__note {
  width: 100% !important;
  max-width: 900px !important;

  margin: 24px auto 0 !important;

  color: #929ab0 !important;

  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   タブレット
   3列を維持
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-results {
    padding: 56px 18px 60px !important;
  }

  body .emaip-results .emaip-results__inner {
    max-width: 1000px !important;
  }

  body .emaip-results p.emaip-results__label {
    min-height: 34px !important;
    margin-bottom: 18px !important;
    font-size: 11px !important;
  }

  body .emaip-results h2.emaip-results__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-results p.emaip-results__lead {
    margin-top: 18px !important;
    font-size: 12.5px !important;
    line-height: 1.8 !important;
  }

  body .emaip-results .emaip-results__cards {
    margin-top: 32px !important;
    gap: 14px !important;
  }

  body .emaip-results article.emaip-results__card {
    min-height: 205px !important;
    padding: 24px 14px 22px !important;
    border-radius: 17px !important;
  }

  body .emaip-results h3.emaip-results__card-title {
    font-size: 13px !important;
  }

  body .emaip-results .emaip-results__comparison {
    margin-top: 24px !important;
    gap: 11px !important;
  }

  body .emaip-results .emaip-results__before {
    font-size: 18px !important;
  }

  body .emaip-results .emaip-results__arrow {
    font-size: 19px !important;
  }

  body .emaip-results .emaip-results__after {
    font-size: 29px !important;
  }

  body .emaip-results p.emaip-results__badge {
    min-width: 82px !important;
    min-height: 38px !important;

    margin-top: 24px !important;
    padding: 7px 14px 9px !important;

    font-size: 13px !important;
  }

  body .emaip-results p.emaip-results__note {
    margin-top: 21px !important;
    font-size: 10px !important;
  }
}

/* =========================================================
   スマートフォン
   縦並び
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-results {
    width: 100% !important;

    margin: 0 !important;
    padding: 46px 16px 52px !important;
  }

  body .emaip-results .emaip-results__inner {
    max-width: 460px !important;
  }

  body .emaip-results p.emaip-results__label {
    min-width: 102px !important;
    min-height: 32px !important;

    margin-bottom: 16px !important;
    padding: 0 16px !important;

    font-size: 10.5px !important;
  }

  body .emaip-results h2.emaip-results__title {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.42 !important;
  }

  body .emaip-results p.emaip-results__lead {
    margin-top: 16px !important;

    font-size: 11.5px !important;
    line-height: 1.75 !important;

    text-align: left !important;
  }

  body .emaip-results p.emaip-results__lead br {
    display: none !important;
  }

  body .emaip-results .emaip-results__cards {
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    margin-top: 26px !important;

    gap: 12px !important;
  }

  body .emaip-results article.emaip-results__card {
    width: 100% !important;
    min-height: 180px !important;

    padding: 22px 16px 20px !important;

    border-radius: 16px !important;
  }

  body .emaip-results h3.emaip-results__card-title {
    font-size: 13.5px !important;
  }

  body .emaip-results .emaip-results__comparison {
    margin-top: 20px !important;
    gap: 13px !important;
  }

  body .emaip-results .emaip-results__before {
    font-size: 19px !important;
  }

  body .emaip-results .emaip-results__arrow {
    font-size: 20px !important;
  }

  body .emaip-results .emaip-results__after {
    font-size: 31px !important;
  }

  body .emaip-results p.emaip-results__badge {
    min-width: 84px !important;
    min-height: 38px !important;

    margin-top: 22px !important;
    padding: 7px 15px 9px !important;

    font-size: 13px !important;
  }

  body .emaip-results p.emaip-results__note {
    margin-top: 20px !important;

    font-size: 9.5px !important;
    line-height: 1.6 !important;
  }
}
/* =========================================================
   EmMatch AIP 料金セクション
   PC・タブレット：2列
   スマートフォン：1列
========================================================= */

.emaip-price,
.emaip-price *,
.emaip-price *::before,
.emaip-price *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-price {
  width: 100% !important;
  margin: 0 !important;
  padding: 76px 24px 86px !important;
  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(90, 110, 238, 0.07) 0%,
      rgba(90, 110, 238, 0) 42%
    ),
    linear-gradient(
      180deg,
      #f7f9ff 0%,
      #f3f6fd 100%
    ) !important;

  color: #15172c !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

body .emaip-price .emaip-price__inner {
  width: 100% !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* テーマ側の余白を個別に解除 */

body .emaip-price p.emaip-price__label,
body .emaip-price h2.emaip-price__heading,
body .emaip-price p.emaip-price-card__badge,
body .emaip-price p.emaip-price-card__price-label,
body .emaip-price p.emaip-price-card__price,
body .emaip-price p.emaip-price-card__option-label,
body .emaip-price p.emaip-price-card__estimate,
body .emaip-price h3.emaip-price-card__title,
body .emaip-price p.emaip-price-card__note {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   上部ラベル
========================================================= */

body .emaip-price p.emaip-price__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 72px !important;
  min-height: 42px !important;

  margin: 0 auto 22px !important;
  padding: 0 20px !important;

  border: 1px solid #dde5fb !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.7) !important;
  color: #3764ee !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

body .emaip-price h2.emaip-price__heading {
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;

  color: #15172c !important;

  font-size: clamp(32px, 3.2vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   料金カードの並び
========================================================= */

body .emaip-price .emaip-price__cards {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(0, 0.9fr) !important;

  align-items: stretch !important;

  width: 100% !important;
  margin: 54px auto 0 !important;
  padding: 0 !important;

  gap: 30px !important;
}

/* =========================================================
   カード共通
========================================================= */

body .emaip-price article.emaip-price-card {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 620px !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 1px solid #e3e8f5 !important;
  border-radius: 22px !important;

  background: #ffffff !important;

  box-shadow:
    0 20px 46px rgba(40, 52, 91, 0.08),
    0 4px 12px rgba(40, 52, 91, 0.03) !important;
}

/* =========================================================
   カード上部
========================================================= */

body .emaip-price .emaip-price-card__header {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-height: 220px !important;

  margin: 0 !important;
  padding: 36px 40px 34px !important;

  color: #ffffff !important;
}

body .emaip-price .emaip-price-card__header--gradient {
  background: linear-gradient(
    115deg,
    #3e5ce8 0%,
    #7942e7 46%,
    #f000a2 100%
  ) !important;
}

body .emaip-price .emaip-price-card__header--dark {
  background: #191a30 !important;
}

/* =========================================================
   カード上部バッジ
========================================================= */

body .emaip-price p.emaip-price-card__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-height: 34px !important;

  padding: 0 16px !important;

  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;

  white-space: nowrap !important;
}

body .emaip-price p.emaip-price-card__badge--dark {
  background: rgba(255, 255, 255, 0.15) !important;
}

/* =========================================================
   本体価格
========================================================= */

body .emaip-price .emaip-price-card__prices {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    1px
    minmax(0, 1.22fr) !important;

  align-items: center !important;

  width: 100% !important;
  gap: 30px !important;
}

body .emaip-price .emaip-price-card__price-block {
  min-width: 0 !important;
}

body .emaip-price p.emaip-price-card__price-label {
  margin-bottom: 8px !important;

  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

body .emaip-price p.emaip-price-card__price {
  color: #ffffff !important;

  font-size: clamp(30px, 3vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;

  white-space: nowrap !important;
}

body .emaip-price p.emaip-price-card__price span {
  margin-left: 3px !important;

  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

body .emaip-price .emaip-price-card__divider {
  display: block !important;

  width: 1px !important;
  height: 64px !important;

  background: rgba(255, 255, 255, 0.35) !important;
}

/* =========================================================
   オプション見出し
========================================================= */

body .emaip-price .emaip-price-card__option-heading {
  display: block !important;
}

body .emaip-price p.emaip-price-card__option-label {
  margin-bottom: 7px !important;

  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

body .emaip-price p.emaip-price-card__estimate {
  color: #ffffff !important;

  font-size: 32px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.03em !important;
}

/* =========================================================
   カード下部
========================================================= */

body .emaip-price .emaip-price-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 34px 40px 32px !important;

  background: #ffffff !important;
}

/* 本文見出し */

body .emaip-price h3.emaip-price-card__title {
  margin: 0 0 22px !important;

  color: #15172c !important;

  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;

  text-align: left !important;
}

/* 項目リスト */

body .emaip-price ul.emaip-price-card__list {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: 13px !important;

  list-style: none !important;
}

body .emaip-price ul.emaip-price-card__list li {
  position: relative !important;

  margin: 0 !important;
  padding: 0 0 0 25px !important;

  color: #454e65 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;

  text-align: left !important;
}

body .emaip-price ul.emaip-price-card__list li::before {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;

  color: #6272aa !important;

  content: "✓" !important;

  font-size: 13px !important;
  font-weight: 700 !important;
}

/* 下部注釈 */

body .emaip-price p.emaip-price-card__note {
  margin-top: auto !important;
  padding-top: 28px !important;

  color: #8b93a8 !important;

  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;

  text-align: left !important;
}

/* =========================================================
   タブレット
   768px〜1100px
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-price {
    padding: 64px 18px 72px !important;
  }

  body .emaip-price p.emaip-price__label {
    min-height: 38px !important;
    margin-bottom: 19px !important;

    font-size: 13px !important;
  }

  body .emaip-price h2.emaip-price__heading {
    font-size: clamp(28px, 4vw, 38px) !important;
  }

  body .emaip-price .emaip-price__cards {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    margin-top: 42px !important;
    gap: 18px !important;
  }

  body .emaip-price article.emaip-price-card {
    min-height: 570px !important;
    border-radius: 19px !important;
  }

  body .emaip-price .emaip-price-card__header {
    min-height: 190px !important;
    padding: 28px 24px 26px !important;
  }

  body .emaip-price .emaip-price-card__prices {
    gap: 16px !important;
  }

  body .emaip-price p.emaip-price-card__price-label {
    font-size: 12px !important;
  }

  body .emaip-price p.emaip-price-card__price {
    font-size: clamp(24px, 3.2vw, 32px) !important;
  }

  body .emaip-price p.emaip-price-card__price span {
    font-size: 12px !important;
  }

  body .emaip-price .emaip-price-card__divider {
    height: 54px !important;
  }

  body .emaip-price p.emaip-price-card__estimate {
    font-size: 27px !important;
  }

  body .emaip-price .emaip-price-card__body {
    padding: 28px 24px 26px !important;
  }

  body .emaip-price h3.emaip-price-card__title {
    margin-bottom: 18px !important;

    font-size: 16px !important;
  }

  body .emaip-price ul.emaip-price-card__list {
    gap: 11px !important;
  }

  body .emaip-price ul.emaip-price-card__list li {
    padding-left: 21px !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  body .emaip-price p.emaip-price-card__note {
    padding-top: 22px !important;

    font-size: 10px !important;
  }
}

/* =========================================================
   スマートフォン
   767px以下
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-price {
    padding: 52px 16px 60px !important;
  }

  body .emaip-price p.emaip-price__label {
    min-width: 64px !important;
    min-height: 38px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 13px !important;
  }

  body .emaip-price h2.emaip-price__heading {
    font-size: clamp(25px, 7vw, 32px) !important;
    line-height: 1.4 !important;
  }

  body .emaip-price .emaip-price__cards {
    grid-template-columns: 1fr !important;

    width: 100% !important;
    max-width: 480px !important;

    margin: 32px auto 0 !important;
    gap: 20px !important;
  }

  body .emaip-price article.emaip-price-card {
    min-height: 0 !important;
    border-radius: 18px !important;
  }

  body .emaip-price .emaip-price-card__header {
    min-height: 0 !important;
    padding: 25px 22px 27px !important;
  }

  body .emaip-price p.emaip-price-card__badge {
    min-height: 31px !important;
    padding: 0 14px !important;

    font-size: 12px !important;
  }

  body .emaip-price .emaip-price-card__prices {
    grid-template-columns: 1fr !important;

    margin-top: 30px !important;
    gap: 18px !important;
  }

  body .emaip-price .emaip-price-card__divider {
    width: 100% !important;
    height: 1px !important;

    background: rgba(255, 255, 255, 0.3) !important;
  }

  body .emaip-price p.emaip-price-card__price-label {
    margin-bottom: 6px !important;

    font-size: 12px !important;
  }

  body .emaip-price p.emaip-price-card__price {
    font-size: 32px !important;
  }

  body .emaip-price p.emaip-price-card__price span {
    font-size: 13px !important;
  }

  body .emaip-price .emaip-price-card__option-heading {
    margin-top: 30px !important;
  }

  body .emaip-price p.emaip-price-card__option-label {
    font-size: 13px !important;
  }

  body .emaip-price p.emaip-price-card__estimate {
    font-size: 28px !important;
  }

  body .emaip-price .emaip-price-card__body {
    padding: 27px 22px 25px !important;
  }

  body .emaip-price h3.emaip-price-card__title {
    margin-bottom: 18px !important;

    font-size: 16px !important;
  }

  body .emaip-price ul.emaip-price-card__list {
    gap: 11px !important;
  }

  body .emaip-price ul.emaip-price-card__list li {
    padding-left: 22px !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  body .emaip-price p.emaip-price-card__note {
    margin-top: 24px !important;
    padding-top: 0 !important;

    font-size: 10px !important;
    line-height: 1.65 !important;
  }
}
/* =========================================================
   料金カードを中央で横並びに固定
========================================================= */

/* 親要素の不要な2列指定を解除 */
body .emaip-price .emaip-price__inner {
  display: block !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

/* PC・タブレット：横2列 */
@media screen and (min-width: 768px) {

  body .emaip-price .emaip-price__cards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 1160px !important;

    margin: 54px auto 0 !important;
    padding: 0 !important;

    gap: 30px !important;
  }

  body .emaip-price .emaip-price__cards > article.emaip-price-card,
  body .emaip-price .emaip-price__cards > article.emaip-price-card:nth-child(1),
  body .emaip-price .emaip-price__cards > article.emaip-price-card:nth-child(2) {
    position: static !important;

    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;

    width: 0 !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;

    margin: 0 !important;

    float: none !important;
    clear: none !important;

    grid-column: auto !important;
    grid-row: auto !important;
    grid-area: auto !important;

    order: initial !important;
    transform: none !important;
  }
}

/* タブレット：横並びのまま少し詰める */
@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-price .emaip-price__cards {
    gap: 18px !important;
  }
}

/* スマホだけ縦並び */
@media screen and (max-width: 767px) {

  body .emaip-price .emaip-price__cards {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 480px !important;

    margin: 32px auto 0 !important;
    padding: 0 !important;

    gap: 20px !important;
  }

  body .emaip-price .emaip-price__cards > article.emaip-price-card {
    flex: none !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
  }
}
/* =========================================================
   EmMatch AIP FAQセクション
   class：emaip-faq

   PC・タブレット：Q番号と質問文を横一列
   スマートフォン：質問文が長い場合のみ自然に折り返し
========================================================= */

.emaip-faq,
.emaip-faq *,
.emaip-faq *::before,
.emaip-faq *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-faq {
  position: relative !important;

  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 64px 24px 72px !important;

  overflow: hidden !important;

  background: #ffffff !important;
  color: #14182f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

/* =========================================================
   内側
========================================================= */

body .emaip-faq .emaip-faq__inner {
  width: 100% !important;
  max-width: 1040px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
}

body .emaip-faq p,
body .emaip-faq h2 {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   上部ラベル
========================================================= */

body .emaip-faq p.emaip-faq__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 142px !important;
  min-height: 36px !important;

  margin: 0 auto 18px !important;
  padding: 0 20px !important;

  border: 1px solid #e1e7fa !important;
  border-radius: 999px !important;

  background: rgba(248, 250, 255, 0.94) !important;
  color: #3266ed !important;

  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   FAQ見出し
========================================================= */

body .emaip-faq h2.emaip-faq__title {
  color: #171a31 !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   FAQ一覧
========================================================= */

body .emaip-faq .emaip-faq__list {
  display: flex !important;
  flex-direction: column !important;

  width: 100% !important;

  margin: 42px auto 0 !important;
  padding: 0 !important;

  gap: 14px !important;
}

/* =========================================================
   FAQカード
========================================================= */

body .emaip-faq details.emaip-faq__item {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 1.5px solid #dfe5f2 !important;
  border-radius: 16px !important;

  background: #ffffff !important;

  box-shadow:
    0 5px 16px rgba(65, 78, 123, 0.025) !important;
}

body .emaip-faq details.emaip-faq__item[open] {
  box-shadow:
    0 8px 22px rgba(65, 78, 123, 0.045) !important;
}

/* =========================================================
   質問部分
========================================================= */

body .emaip-faq summary.emaip-faq__question {
  position: relative !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: 100% !important;
  min-height: 80px !important;

  margin: 0 !important;
  padding: 20px 72px 20px 30px !important;

  cursor: pointer !important;

  color: #171a31 !important;
  font-family: inherit !important;

  text-align: left !important;
  list-style: none !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease !important;
}

/* ブラウザ標準の三角を非表示 */

body .emaip-faq summary.emaip-faq__question::-webkit-details-marker {
  display: none !important;
}

body .emaip-faq summary.emaip-faq__question::marker {
  display: none !important;
  content: "" !important;
}

body .emaip-faq summary.emaip-faq__question:hover {
  background: #fafbff !important;
}

/* =========================================================
   Q番号と質問文の整列
========================================================= */

body .emaip-faq summary.emaip-faq__question
> .emaip-faq__question-main {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  align-items: center !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  column-gap: 16px !important;
}

/* WordPressが自動挿入した改行を無効化 */

body .emaip-faq .emaip-faq__question-main br {
  display: none !important;
}

/* Q番号 */

body .emaip-faq .emaip-faq__number {
  display: block !important;

  width: 58px !important;
  min-width: 58px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #315fec !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;

  text-align: left !important;
  white-space: nowrap !important;
}

/* 質問文 */

body .emaip-faq .emaip-faq__question-text {
  display: block !important;

  width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #171a31 !important;

  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;

  text-align: left !important;
}

/* =========================================================
   ＋／×アイコン
========================================================= */

body .emaip-faq .emaip-faq__toggle {
  position: absolute !important;
  top: 50% !important;
  right: 30px !important;

  display: block !important;

  width: 22px !important;
  height: 22px !important;

  color: #315fec !important;

  transform: translateY(-50%) rotate(0deg) !important;
  transform-origin: center !important;

  transition: transform 0.25s ease !important;
}

/* 横線 */

body .emaip-faq .emaip-faq__toggle::before {
  position: absolute !important;
  top: 50% !important;
  left: 2px !important;

  display: block !important;

  width: 18px !important;
  height: 1.5px !important;

  background: currentColor !important;

  content: "" !important;

  transform: translateY(-50%) !important;
}

/* 縦線 */

body .emaip-faq .emaip-faq__toggle::after {
  position: absolute !important;
  top: 2px !important;
  left: 50% !important;

  display: block !important;

  width: 1.5px !important;
  height: 18px !important;

  background: currentColor !important;

  content: "" !important;

  transform: translateX(-50%) !important;
}

/* 開いたとき＋を×へ変更 */

body .emaip-faq
details.emaip-faq__item[open]
.emaip-faq__toggle {
  transform: translateY(-50%) rotate(45deg) !important;
}

/* =========================================================
   回答部分
========================================================= */

body .emaip-faq .emaip-faq__answer {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 72px 26px 104px !important;

  animation: emaipFaqOpen 0.25s ease both !important;
}

body .emaip-faq .emaip-faq__answer p {
  margin: 0 !important;
  padding: 0 !important;

  color: #68718d !important;

  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  letter-spacing: 0.01em !important;

  text-align: left !important;
}

/* 回答表示アニメーション */

@keyframes emaipFaqOpen {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* キーボード操作 */

body .emaip-faq summary.emaip-faq__question:focus-visible {
  outline: 3px solid rgba(49, 95, 236, 0.22) !important;
  outline-offset: -3px !important;
  border-radius: 14px !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  body .emaip-faq {
    padding: 56px 20px 62px !important;
  }

  body .emaip-faq .emaip-faq__inner {
    max-width: 960px !important;
  }

  body .emaip-faq p.emaip-faq__label {
    min-height: 34px !important;
    margin-bottom: 17px !important;

    font-size: 11px !important;
  }

  body .emaip-faq h2.emaip-faq__title {
    font-size: clamp(28px, 3.5vw, 38px) !important;
  }

  body .emaip-faq .emaip-faq__list {
    margin-top: 36px !important;
    gap: 12px !important;
  }

  body .emaip-faq summary.emaip-faq__question {
    min-height: 72px !important;

    padding: 18px 64px 18px 26px !important;
  }

  body .emaip-faq summary.emaip-faq__question
  > .emaip-faq__question-main {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    column-gap: 14px !important;
  }

  body .emaip-faq .emaip-faq__number {
    width: 50px !important;
    min-width: 50px !important;

    font-size: 14px !important;
  }

  body .emaip-faq .emaip-faq__question-text {
    font-size: 14px !important;
  }

  body .emaip-faq .emaip-faq__toggle {
    right: 26px !important;

    width: 20px !important;
    height: 20px !important;
  }

  body .emaip-faq .emaip-faq__answer {
    padding: 0 64px 23px 90px !important;
  }

  body .emaip-faq .emaip-faq__answer p {
    font-size: 12.5px !important;
    line-height: 1.85 !important;
  }
}

/* =========================================================
   スマートフォン
========================================================= */

@media screen and (max-width: 767px) {

  body .emaip-faq {
    width: 100% !important;

    margin: 0 !important;
    padding: 46px 16px 52px !important;
  }

  body .emaip-faq .emaip-faq__inner {
    max-width: 460px !important;
  }

  body .emaip-faq p.emaip-faq__label {
    min-width: 128px !important;
    min-height: 32px !important;

    margin-bottom: 15px !important;
    padding: 0 16px !important;

    font-size: 10.5px !important;
  }

  body .emaip-faq h2.emaip-faq__title {
    font-size: clamp(25px, 7vw, 32px) !important;
  }

  body .emaip-faq .emaip-faq__list {
    margin-top: 28px !important;
    gap: 10px !important;
  }

  body .emaip-faq details.emaip-faq__item {
    border-radius: 14px !important;
  }

  body .emaip-faq summary.emaip-faq__question {
    align-items: center !important;

    min-height: 68px !important;

    padding: 16px 46px 16px 16px !important;
  }

  body .emaip-faq summary.emaip-faq__question
  > .emaip-faq__question-main {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    align-items: start !important;

    column-gap: 8px !important;
  }

  body .emaip-faq .emaip-faq__number {
    width: 36px !important;
    min-width: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body .emaip-faq .emaip-faq__question-text {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body .emaip-faq .emaip-faq__toggle {
    top: 25px !important;
    right: 18px !important;

    width: 18px !important;
    height: 18px !important;

    transform: rotate(0deg) !important;
  }

  body .emaip-faq .emaip-faq__toggle::before {
    left: 1px !important;

    width: 16px !important;
  }

  body .emaip-faq .emaip-faq__toggle::after {
    top: 1px !important;

    height: 16px !important;
  }

  body .emaip-faq
  details.emaip-faq__item[open]
  .emaip-faq__toggle {
    transform: rotate(45deg) !important;
  }

  body .emaip-faq .emaip-faq__answer {
    padding: 0 18px 20px 60px !important;
  }

  body .emaip-faq .emaip-faq__answer p {
    font-size: 11.5px !important;
    line-height: 1.8 !important;
  }
}

/* =========================
   フッター全体
========================= */
.emmatchaip-lp-footer {
  background: #ffffff;
  padding: 36px 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

.emmatchaip-lp-footer *,
.emmatchaip-lp-footer *::before,
.emmatchaip-lp-footer *::after {
  box-sizing: border-box;
}

.emmatchaip-lp-footer__inner {
  max-width: 1180px;
  margin: 0 auto;
}

/* 画像暴走防止 */
.emmatchaip-lp-footer__logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
}

.emmatchaip-lp-footer__logo-link {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}

/* =========================
   PC
========================= */
@media screen and (min-width: 768px) {

  .emmatchaip-lp-footer__inner {
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-template-areas:
      "emmatchaip nav"
      "emmatch copy";
    column-gap: 80px;
    row-gap: 24px;
    align-items: start;
  }

  .emmatchaip-lp-footer__area--emmatchaip {
    grid-area: emmatchaip;
  }

  .emmatchaip-lp-footer__area--nav {
    grid-area: nav;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
  }

  .emmatchaip-lp-footer__area--emmatch {
    grid-area: emmatch;
    margin-top: -8px; /* 上に少し寄せる */
  }

  .emmatchaip-lp-footer__area--copy {
    grid-area: copy;
    margin: 0;
    text-align: right;
    align-self: start;
  }

  /* ロゴサイズ微調整 */
  .emmatchaip-lp-footer__logo--emmatchaip {
    width: 185px !important;
  }

  .emmatchaip-lp-footer__logo--emmatch {
    width: 140px !important;
  }

  /* ナビ */
  .emmatchaip-lp-footer__area--nav a {
    color: #111 !important;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 500;
    margin-left: 28px;
  }

  .emmatchaip-lp-footer__area--nav a:first-child {
    margin-left: 0;
  }

  /* ↑マーク削除 */
  .emmatchaip-lp-footer__area--nav a::after {
    content: none !important;
  }

  /* コピー */
  .emmatchaip-lp-footer__area--copy {
    color: #111;
    font-size: 14px;
    line-height: 1.7;
  }
}

/* =========================
   スマホ
========================= */
@media screen and (max-width: 767px) {

  .emmatchaip-lp-footer {
    padding: 28px 20px 0;
  }

  .emmatchaip-lp-footer__inner {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "emmatchaip"
      "nav"
      "emmatch"
      "copy";
  }

  .emmatchaip-lp-footer__area--emmatchaip {
    grid-area: emmatchaip;
    margin-bottom: 16px;
  }

  .emmatchaip-lp-footer__area--nav {
    grid-area: nav;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 20px;
  }

  .emmatchaip-lp-footer__area--emmatch {
    grid-area:emmatch;
    margin-bottom: 12px;
  }

  .emmatchaip-lp-footer__area--copy {
    grid-area: copy;
    margin: 0;
    text-align: left;
  }

  /* ロゴ（同サイズに統一） */
  .emmatchaip-lp-footer__logo--emmatchaip {
    width: 120px !important;
  }

  .emmatchaip-lp-footer__logo--emmatch {
    width: 110px !important;
  }

  /* ナビ文字（コピーと同じサイズ） */
  .emmatchaip-lp-footer__area--nav a {
    color: #111 !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.6;
    font-weight: 500;
    margin: 0;
  }

  /* ↑マーク削除 */
  .emmatchaip-lp-footer__area--nav a::after {
    content: none !important;
  }

  /* コピー */
  .emmatchaip-lp-footer__area--copy {
    color: #111;
    font-size: 13px;
    line-height: 1.6;
  }
}

.privacy-hero {
  width: 100%;
  background: linear-gradient(90deg, #dff3fb 0%, #eaf8fd 50%, #d8f0fb 100%);
  padding: 24px 20px 32px; /* 上の余白をかなり詰める */
  text-align: center;
  box-sizing: border-box;
}

.privacy-hero__inner {
  max-width: 900px;
  margin: 0 auto;
}

/* ← ここが一番重要（テーマの余白も全部潰す） */
.privacy-hero h1,
.privacy-hero__title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: clamp(23px, 3vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #222222;
}

.privacy-hero__text {
  margin: 0;
  font-size: clamp(15px, 2vw, 19px);
  line-height: 1.9;
  color: #555555;
}

/* タブレット */
@media (max-width: 1024px) {
  .privacy-hero {
    padding: 20px 20px 28px;
  }
}

/* スマホ */
@media (max-width: 767px) {
  .privacy-hero {
    padding: 16px 16px 24px;
  }

  .privacy-hero__title {
    margin-bottom: 10px !important;
    line-height: 1.3;
  }

  .privacy-hero__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .privacy-hero__text br {
    display: none;
  }
}
body {
  margin: 0;
}

.privacy-hero {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 24px 20px 32px;
  background: linear-gradient(90deg, #dff3fb 0%, #eaf8fd 50%, #d8f0fb 100%);
  text-align: center;
}
body {
  margin: 0;
}

.l-main,
main {
  padding-top: 0 !important;
}

.privacy-hero {
  width: 100vw;
  margin: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 24px 20px 32px;
  background: linear-gradient(90deg, #dff3fb 0%, #eaf8fd 50%, #d8f0fb 100%);
  text-align: center;
}
/* ラップ */
.privacy-content-wrap {
  padding: 60px 20px 80px;
}

/* カード */

.privacy-card__title {
  text-align: left !important;
}
.privacy-card {
  max-width: 980px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 16px;
  padding: 56px 60px 64px;
  box-sizing: border-box;

  /* 左寄せ（今回の目的） */
  text-align: left;

  /* BanSoブルー影 */
  box-shadow:
    0 12px 32px rgba(45, 152, 224, 0.15),
    0 4px 12px rgba(45, 152, 224, 0.08);
}

/* タイトル */
.privacy-card__title {
  margin: 0 0 28px;
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.04em;
  color: #222222;
  text-align: left; /* 念のため */
}

/* 本文 */
.privacy-card p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 2;
  color: #444444;
  word-break: break-word;
  text-align: left;
}

/* リンク */
.privacy-card a {
  color: #2d98e0;
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.privacy-card a:hover {
  opacity: 0.8;
}

/* 見出し（1.とか） */
.privacy-heading {
  margin: 36px 0 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
  color: #222222;
  text-align: left;
}

/* スマホ */
@media (max-width: 767px) {
  .privacy-content-wrap {
    padding: 40px 16px 56px;
  }

  .privacy-card {
    padding: 34px 22px 38px;
    border-radius: 12px;
  }

  .privacy-card__title {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .privacy-card p {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.9;
  }

  .privacy-heading {
    margin: 28px 0 12px;
    font-size: 16px;
  }
}
.privacy-hero {
  width: 100vw;
  margin: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 24px 20px 32px;
  background: linear-gradient(90deg, #dff3fb 0%, #eaf8fd 50%, #d8f0fb 100%);
  text-align: center;
  box-sizing: border-box;
}

.privacy-hero__inner {
  max-width: 900px;
  margin: 0 auto;
}

.privacy-hero__label {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #2d98e0;
  display: inline-block;
  position: relative;
}

.privacy-hero__label::before,
.privacy-hero__label::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 24px;
  height: 1px;
  background: #2d98e0;
  transform: translateY(-50%);
}

.privacy-hero__label::before {
  left: -32px;
}

.privacy-hero__label::after {
  right: -32px;
}

.privacy-hero h1,
.privacy-hero__title {
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: clamp(23px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  color: #222222;
}

.privacy-hero__text {
  margin: 0;
  font-size: clamp(15px, 2vw, 19px);
  line-height: 1.9;
  color: #555555;
}

@media (max-width: 767px) {
  .privacy-hero {
    padding: 16px 16px 24px;
  }

  .privacy-hero__label {
    font-size: 11px;
    letter-spacing: 0.16em;
    margin-bottom: 8px;
  }

  .privacy-hero__label::before,
  .privacy-hero__label::after {
    width: 16px;
  }

  .privacy-hero__label::before {
    left: -22px;
  }

  .privacy-hero__label::after {
    right: -22px;
  }

  .privacy-hero__title {
    margin-bottom: 10px !important;
    line-height: 1.3;
  }

  .privacy-hero__text {
    font-size: 14px;
    line-height: 1.8;
  }
}

/* =========================================================
   EmMatch AIP 投資回収シミュレーション
   PC・タブレット：左右横並び
   スマートフォン：縦並び
========================================================= */

.emaip-roi,
.emaip-roi *,
.emaip-roi *::before,
.emaip-roi *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

html body .emaip-roi {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 54px 24px 58px !important;

  overflow: hidden !important;

  background:
    radial-gradient(
      circle at 18% 18%,
      rgba(82, 118, 244, 0.07) 0%,
      rgba(82, 118, 244, 0) 38%
    ),
    radial-gradient(
      circle at 92% 68%,
      rgba(224, 89, 211, 0.055) 0%,
      rgba(224, 89, 211, 0) 34%
    ),
    #f6f8ff !important;

  color: #12162e !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

html body .emaip-roi .emaip-roi__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1280px !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* =========================================================
   必要な要素のみ余白をリセット
========================================================= */

html body .emaip-roi p.emaip-roi__label,
html body .emaip-roi h2.emaip-roi__heading,
html body .emaip-roi p.emaip-roi__condition,
html body .emaip-roi p.emaip-roi__result-label,
html body .emaip-roi p.emaip-roi__result-value,
html body .emaip-roi p.emaip-roi__result-text {
  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

html body .emaip-roi p.emaip-roi__label {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 220px !important;
  min-height: 42px !important;

  margin: 0 auto 24px !important;
  padding: 0 24px !important;

  border: 1px solid #dfe6fb !important;
  border-radius: 999px !important;

  background: rgba(255, 255, 255, 0.72) !important;
  color: #3764ee !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   見出し
========================================================= */

html body .emaip-roi h2.emaip-roi__heading {
  display: block !important;

  width: 100% !important;

  color: #12162e !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   表＋年間効果
   PCでは必ず左右横並び
========================================================= */

html body .emaip-roi .emaip-roi__content {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.35fr)
    minmax(320px, 0.95fr) !important;

  grid-template-areas:
    "table result" !important;

  grid-template-rows: auto !important;

  align-items: stretch !important;
  align-content: start !important;
  justify-items: stretch !important;

  width: 100% !important;
  max-width: 1200px !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 42px auto 0 !important;
  padding: 0 !important;

  gap: 34px !important;
}

/* =========================================================
   左側：比較表
========================================================= */

html body .emaip-roi .emaip-roi__table-area {
  grid-area: table !important;

  display: block !important;

  align-self: start !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  float: none !important;
  clear: none !important;

  transform: none !important;
}

html body .emaip-roi .emaip-roi__table-scroll {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border-radius: 15px !important;

  background: #ffffff !important;

  box-shadow:
    0 15px 32px rgba(43, 58, 112, 0.1) !important;
}

/* =========================================================
   テーブル
========================================================= */

html body .emaip-roi table.emaip-roi__table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  background: #ffffff !important;

  table-layout: fixed !important;
}

/* 各列の幅 */

html body .emaip-roi .emaip-roi__table th:nth-child(1),
html body .emaip-roi .emaip-roi__table td:nth-child(1) {
  width: 24% !important;
}

html body .emaip-roi .emaip-roi__table th:nth-child(2),
html body .emaip-roi .emaip-roi__table td:nth-child(2) {
  width: 25% !important;
}

html body .emaip-roi .emaip-roi__table th:nth-child(3),
html body .emaip-roi .emaip-roi__table td:nth-child(3) {
  width: 23% !important;
}

html body .emaip-roi .emaip-roi__table th:nth-child(4),
html body .emaip-roi .emaip-roi__table td:nth-child(4) {
  width: 28% !important;
}

/* 共通セル */

html body .emaip-roi .emaip-roi__table th,
html body .emaip-roi .emaip-roi__table td {
  height: 62px !important;

  margin: 0 !important;
  padding: 13px 12px !important;

  border: 0 !important;
  border-right: 1px solid #e6eaf4 !important;
  border-bottom: 1px solid #e6eaf4 !important;

  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.45 !important;

  text-align: center !important;
  vertical-align: middle !important;

  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html body .emaip-roi .emaip-roi__table th:last-child,
html body .emaip-roi .emaip-roi__table td:last-child {
  border-right: 0 !important;
}

/* ヘッダー */

html body .emaip-roi .emaip-roi__table thead th {
  height: 58px !important;

  background: #3658df !important;
  color: #ffffff !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  white-space: normal !important;
}

html body .emaip-roi .emaip-roi__table thead th:first-child {
  border-top-left-radius: 15px !important;
}

html body .emaip-roi .emaip-roi__table thead th:last-child {
  border-top-right-radius: 15px !important;
}

/* 項目列 */

html body .emaip-roi .emaip-roi__table tbody th {
  background: #f8f9fd !important;
  color: #12162e !important;

  font-weight: 700 !important;

  text-align: left !important;
  white-space: normal !important;
}

/* 通常セル */

html body .emaip-roi .emaip-roi__table tbody td {
  background: #ffffff !important;
  color: #39415c !important;

  font-weight: 500 !important;
}

/* 最終行 */

html body .emaip-roi .emaip-roi__table tbody tr:last-child th,
html body .emaip-roi .emaip-roi__table tbody tr:last-child td {
  border-bottom: 0 !important;
}

html body .emaip-roi .emaip-roi__table tbody tr:last-child th {
  border-bottom-left-radius: 15px !important;
}

html body .emaip-roi .emaip-roi__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 15px !important;
}

/* 削減効果 */

html body .emaip-roi .emaip-roi__table td.emaip-roi__reduction {
  color: #d64b32 !important;

  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* 利用料 */

html body .emaip-roi .emaip-roi__table td.emaip-roi__cost {
  color: #4e5871 !important;

  font-weight: 600 !important;
  white-space: nowrap !important;
}

/* =========================================================
   条件文
========================================================= */

html body .emaip-roi p.emaip-roi__condition {
  margin-top: 17px !important;

  color: #717a93 !important;

  font-size: 10.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;

  text-align: left !important;
}

/* =========================================================
   右側：年間効果カード
========================================================= */

html body .emaip-roi .emaip-roi__result {
  grid-area: result !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: center !important;
  align-self: stretch !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  height: auto !important;
  min-height: 246px !important;

  margin: 0 !important;
  padding: 34px 32px !important;

  float: none !important;
  clear: none !important;

  border: 0 !important;
  border-radius: 18px !important;

  background: linear-gradient(
    120deg,
    #4759e8 0%,
    #8540df 48%,
    #ef079d 100%
  ) !important;

  color: #ffffff !important;

  box-shadow:
    0 20px 38px rgba(170, 45, 181, 0.2) !important;

  transform: none !important;
}

html body .emaip-roi p.emaip-roi__result-label {
  color: rgba(255, 255, 255, 0.9) !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* 年間効果金額 */

html body .emaip-roi p.emaip-roi__result-value {
  margin-top: 11px !important;

  color: #ffffff !important;

  font-size: clamp(40px, 4vw, 58px) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.04em !important;

  white-space: nowrap !important;
}

html body .emaip-roi p.emaip-roi__result-value span {
  margin-right: 3px !important;

  font-size: 0.68em !important;
  font-weight: 700 !important;
}

/* 年間効果の説明 */

html body .emaip-roi p.emaip-roi__result-text {
  margin-top: 20px !important;

  color: rgba(255, 255, 255, 0.85) !important;

  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;

  text-align: left !important;
}

/* =========================================================
   中型PC
   1101px〜1380px
========================================================= */

@media screen and (min-width: 1101px) and (max-width: 1380px) {

  html body .emaip-roi .emaip-roi__content {
    grid-template-columns:
      minmax(0, 1.4fr)
      minmax(300px, 0.9fr) !important;

    gap: 26px !important;
  }

  html body .emaip-roi .emaip-roi__table th,
  html body .emaip-roi .emaip-roi__table td {
    padding-right: 9px !important;
    padding-left: 9px !important;

    font-size: 12px !important;
  }

  html body .emaip-roi .emaip-roi__table thead th {
    font-size: 12px !important;
  }

  html body .emaip-roi .emaip-roi__result {
    padding: 30px 27px !important;
  }

  html body .emaip-roi p.emaip-roi__result-value {
    font-size: clamp(38px, 4vw, 52px) !important;
  }
}

/* =========================================================
   タブレット
   横並びを維持
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  html body .emaip-roi {
    padding: 48px 18px 52px !important;
  }

  html body .emaip-roi p.emaip-roi__label {
    min-width: 195px !important;
    min-height: 38px !important;

    margin-bottom: 19px !important;

    font-size: 12px !important;
  }

  html body .emaip-roi h2.emaip-roi__heading {
    font-size: clamp(26px, 4vw, 36px) !important;
  }

  html body .emaip-roi .emaip-roi__content {
    grid-template-columns:
      minmax(0, 1.45fr)
      minmax(250px, 0.82fr) !important;

    grid-template-areas:
      "table result" !important;

    margin-top: 34px !important;

    gap: 18px !important;
  }

  html body .emaip-roi .emaip-roi__table th,
  html body .emaip-roi .emaip-roi__table td {
    height: 52px !important;

    padding: 8px 5px !important;

    font-size: 9.5px !important;
    line-height: 1.35 !important;
  }

  html body .emaip-roi .emaip-roi__table thead th {
    height: 48px !important;

    font-size: 9.5px !important;
  }

  html body .emaip-roi .emaip-roi__table td.emaip-roi__reduction,
  html body .emaip-roi .emaip-roi__table td.emaip-roi__cost {
    font-size: 9px !important;
    white-space: normal !important;
  }

  html body .emaip-roi p.emaip-roi__condition {
    margin-top: 12px !important;

    font-size: 8.5px !important;
  }

  html body .emaip-roi .emaip-roi__result {
    min-height: 100% !important;

    padding: 23px 19px !important;

    border-radius: 15px !important;
  }

  html body .emaip-roi p.emaip-roi__result-label {
    font-size: 11px !important;
  }

  html body .emaip-roi p.emaip-roi__result-value {
    margin-top: 8px !important;

    font-size: clamp(32px, 5vw, 44px) !important;
  }

  html body .emaip-roi p.emaip-roi__result-text {
    margin-top: 15px !important;

    font-size: 9px !important;
    line-height: 1.65 !important;
  }

  html body .emaip-roi p.emaip-roi__result-text br {
    display: none !important;
  }
}

/* =========================================================
   スマートフォン
   縦並び
========================================================= */

@media screen and (max-width: 767px) {

  html body .emaip-roi {
    width: 100% !important;

    margin: 0 !important;
    padding: 44px 16px 48px !important;
  }

  html body .emaip-roi p.emaip-roi__label {
    min-width: 190px !important;
    min-height: 38px !important;

    margin-bottom: 18px !important;
    padding: 0 18px !important;

    font-size: 12px !important;
  }

  html body .emaip-roi h2.emaip-roi__heading {
    font-size: clamp(24px, 7vw, 31px) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.03em !important;
  }

  html body .emaip-roi .emaip-roi__content {
    display: grid !important;

    grid-template-columns: 1fr !important;
    grid-template-areas:
      "table"
      "result" !important;

    width: 100% !important;
    max-width: 520px !important;

    margin: 28px auto 0 !important;

    gap: 22px !important;
  }

  /* スマホでは表を横スクロール */

  html body .emaip-roi .emaip-roi__table-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;

    border-radius: 13px !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html body .emaip-roi table.emaip-roi__table {
    width: 100% !important;
    min-width: 620px !important;

    table-layout: fixed !important;
  }

  html body .emaip-roi .emaip-roi__table th,
  html body .emaip-roi .emaip-roi__table td {
    height: 54px !important;

    padding: 11px 12px !important;

    font-size: 11px !important;
  }

  html body .emaip-roi .emaip-roi__table thead th {
    font-size: 11px !important;
  }

  html body .emaip-roi p.emaip-roi__condition {
    margin-top: 13px !important;

    font-size: 9.5px !important;
    line-height: 1.65 !important;
  }

  html body .emaip-roi .emaip-roi__result {
    width: 100% !important;
    min-height: 0 !important;

    padding: 27px 24px !important;

    border-radius: 16px !important;
  }

  html body .emaip-roi p.emaip-roi__result-label {
    font-size: 12px !important;
  }

  html body .emaip-roi p.emaip-roi__result-value {
    margin-top: 9px !important;

    font-size: clamp(39px, 12vw, 52px) !important;
  }

  html body .emaip-roi p.emaip-roi__result-text {
    margin-top: 16px !important;

    font-size: 10.5px !important;
    line-height: 1.75 !important;
  }

  html body .emaip-roi p.emaip-roi__result-text br {
    display: none !important;
  }
}
/* =========================================================
   EmMatch AIP - 使い方 3ステップ
   完成CSS（丸ごと差し替え用）
========================================================= */

.emaip-steps,
.emaip-steps *,
.emaip-steps *::before,
.emaip-steps *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

body .emaip-steps {
  width: 100% !important;
  margin: 0 !important;
  padding: 64px 24px 72px !important;
  background: #ffffff !important;
  color: #11162f !important;
  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

body .emaip-steps .emaip-steps__inner {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* =========================================================
   見出しエリア
========================================================= */

body .emaip-steps .emaip-steps__label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 110px !important;
  height: 42px !important;
  margin: 0 auto 20px !important;
  padding: 0 24px !important;
  border: 1px solid #dfe5f5 !important;
  border-radius: 999px !important;
  background: #f8faff !important;
  color: #3764ee !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
}

body .emaip-steps .emaip-steps__heading {
  margin: 0 !important;
  color: #11162f !important;
  font-size: clamp(30px, 3vw, 43px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}

body .emaip-steps .emaip-steps__lead {
  max-width: 860px !important;
  margin: 18px auto 0 !important;
  color: #707893 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  text-align: center !important;
}

/* =========================================================
   カード全体
========================================================= */

body .emaip-steps .emaip-steps__cards {
  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  gap: 28px !important;

  width: 100% !important;
  max-width: 1180px !important;
  margin: 42px auto 0 !important;
  padding: 0 !important;
}

/* 3枚を中央寄せ・等間隔・同サイズ */
body .emaip-steps .emaip-step-card {
  position: relative !important;
  flex: 0 0 calc((100% - 56px) / 3) !important;
  width: calc((100% - 56px) / 3) !important;
  max-width: calc((100% - 56px) / 3) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 18px 0 0 !important;
}

/* =========================================================
   STEPタグ
========================================================= */

body .emaip-steps .emaip-step-card__tag {
  position: absolute !important;
  top: 0 !important;
  left: 32px !important;
  z-index: 2 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 120px !important;
  height: 46px !important;
  padding: 0 24px !important;

  border-radius: 999px !important;
  background: linear-gradient(
    90deg,
    #4a63eb 0%,
    #7c4be4 48%,
    #f10aa3 100%
  ) !important;
  box-shadow: 0 10px 20px rgba(120, 76, 223, 0.18) !important;

  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-align: center !important;
}

/* =========================================================
   カード本体
========================================================= */

body .emaip-steps .emaip-step-card__body {
  height: 100% !important;
  min-height: 300px !important;
  margin: 0 !important;
  padding: 54px 30px 28px !important;

  border: 1px solid #dfe5f5 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(27, 39, 94, 0.04) !important;
}

/* =========================================================
   タイトルなど
========================================================= */

body .emaip-steps .emaip-step-card__title {
  margin: 0 !important;
  color: #11162f !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

body .emaip-steps .emaip-step-card__sub {
  margin: 8px 0 0 !important;
  color: #5d6783 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-align: left !important;
}

/* =========================================================
   箇条書き
========================================================= */

body .emaip-steps .emaip-step-card__list {
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .emaip-steps .emaip-step-card__list li {
  position: relative !important;
  margin: 0 !important;
  padding: 0 0 0 24px !important;

  color: #6a748f !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  text-align: left !important;

  white-space: nowrap !important;
}

body .emaip-steps .emaip-step-card__list li + li {
  margin-top: 8px !important;
}

body .emaip-steps .emaip-step-card__list li::before {
  content: "✓" !important;
  position: absolute !important;
  top: 2px !important;
  left: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;

  background: #eef3ff !important;
  color: #4a63eb !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (max-width: 1100px) {
  body .emaip-steps {
    padding: 56px 20px 64px !important;
  }

  body .emaip-steps .emaip-steps__cards {
    gap: 18px !important;
    max-width: 1100px !important;
  }

  body .emaip-steps .emaip-step-card {
    flex: 0 0 calc((100% - 36px) / 3) !important;
    width: calc((100% - 36px) / 3) !important;
    max-width: calc((100% - 36px) / 3) !important;
  }

  body .emaip-steps .emaip-step-card__tag {
    min-width: 102px !important;
    height: 42px !important;
    left: 22px !important;
    font-size: 13px !important;
  }

  body .emaip-steps .emaip-step-card__body {
    min-height: 285px !important;
    padding: 50px 22px 24px !important;
  }

  body .emaip-steps .emaip-step-card__title {
    font-size: 18px !important;
  }

  body .emaip-steps .emaip-step-card__sub {
    font-size: 13px !important;
  }

  body .emaip-steps .emaip-step-card__list li {
    font-size: 13px !important;
  }
}

/* =========================================================
   スマホ
========================================================= */

@media screen and (max-width: 767px) {
  body .emaip-steps {
    padding: 48px 16px 56px !important;
  }

  body .emaip-steps .emaip-steps__label {
    min-width: 96px !important;
    height: 38px !important;
    margin-bottom: 18px !important;
    padding: 0 18px !important;
    font-size: 12px !important;
  }

  body .emaip-steps .emaip-steps__heading {
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.45 !important;
  }

  body .emaip-steps .emaip-steps__lead {
    font-size: 13px !important;
    line-height: 1.8 !important;
  }

  body .emaip-steps .emaip-steps__cards {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;
    margin-top: 30px !important;
  }

  body .emaip-steps .emaip-step-card {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 16px !important;
  }

  body .emaip-steps .emaip-step-card__tag {
    left: 20px !important;
    min-width: 96px !important;
    height: 40px !important;
    padding: 0 18px !important;
    font-size: 12px !important;
  }

  body .emaip-steps .emaip-step-card__body {
    min-height: 0 !important;
    padding: 48px 20px 22px !important;
  }

  body .emaip-steps .emaip-step-card__title {
    font-size: 18px !important;
  }

  body .emaip-steps .emaip-step-card__sub {
    font-size: 13px !important;
  }

  body .emaip-steps .emaip-step-card__list li {
    font-size: 13px !important;
    white-space: normal !important;
  }
}
/* =========================================================
   EmMatch AIP 比較表
   コンパクト完成版
========================================================= */

.emaip-compare,
.emaip-compare *,
.emaip-compare *::before,
.emaip-compare *::after {
  box-sizing: border-box !important;
}

/* =========================================================
   セクション全体
========================================================= */

html body .emaip-compare {
  width: 100vw !important;
  max-width: none !important;

  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 54px 24px 58px !important;

  overflow: hidden !important;

  background: #ffffff !important;
  color: #11162f !important;

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    Meiryo,
    sans-serif !important;
}

html body .emaip-compare .emaip-compare__inner {
  display: block !important;

  width: 100% !important;
  max-width: 1280px !important;
  height: auto !important;
  min-height: 0 !important;

  margin: 0 auto !important;
  padding: 0 !important;
}

/* =========================================================
   必要な要素のみリセット
========================================================= */

html body .emaip-compare p.emaip-compare__label,
html body .emaip-compare h2.emaip-compare__heading,
html body .emaip-compare p.emaip-compare__lead,
html body .emaip-compare p.emaip-compare__notice {
  margin: 0 !important;
  padding: 0 !important;
}

/* WordPressが空要素を追加した場合 */

html body .emaip-compare .emaip-compare__inner > p:empty,
html body .emaip-compare .emaip-compare__inner > br,
html body .emaip-compare .emaip-compare__table-scroll > p:empty,
html body .emaip-compare .emaip-compare__table-scroll > br {
  display: none !important;

  width: 0 !important;
  height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =========================================================
   ラベル
========================================================= */

html body .emaip-compare p.emaip-compare__label {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  min-width: 88px !important;
  min-height: 38px !important;

  margin: 0 auto 19px !important;
  padding: 0 20px !important;

  border: 1px solid #dfe6fb !important;
  border-radius: 999px !important;

  background: #f8faff !important;
  color: #3764ee !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;

  text-align: center !important;
  white-space: nowrap !important;
}

/* =========================================================
   H2
   他のセクションと同じサイズ
========================================================= */

html body .emaip-compare h2.emaip-compare__heading {
  display: block !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  color: #11162f !important;

  font-family: inherit !important;
  font-size: clamp(30px, 3vw, 43px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.04em !important;

  text-align: center !important;
}

/* =========================================================
   説明文
========================================================= */

html body .emaip-compare p.emaip-compare__lead {
  display: block !important;

  width: 100% !important;
  max-width: 900px !important;

  margin: 15px auto 0 !important;
  padding: 0 !important;

  color: #707893 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.85 !important;
  letter-spacing: 0.01em !important;

  text-align: center !important;
}

/* =========================================================
   表の外枠
   浮き上がるデザイン＋白い余白を削除
========================================================= */

html body .emaip-compare .emaip-compare__table-scroll {
  display: block !important;

  width: 100% !important;
  max-width: 1040px !important;

  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;

  margin: 34px auto 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border: 1px solid #e3e8f4 !important;
  border-radius: 20px !important;

  background: #ffffff !important;

  box-shadow:
    0 22px 46px rgba(35, 48, 94, 0.11),
    0 7px 18px rgba(35, 48, 94, 0.055) !important;

  line-height: normal !important;
}

/* =========================================================
   テーブル本体
========================================================= */

html body .emaip-compare table.emaip-compare__table {
  display: table !important;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;

  background: #ffffff !important;

  table-layout: fixed !important;
}

/* =========================================================
   列幅
========================================================= */

html body .emaip-compare col.emaip-compare__col-item {
  width: 39% !important;
}

html body .emaip-compare col.emaip-compare__col-general {
  width: 30.5% !important;
}

html body .emaip-compare col.emaip-compare__col-emmatch {
  width: 30.5% !important;
}

/* =========================================================
   共通セル
========================================================= */

html body .emaip-compare .emaip-compare__table th,
html body .emaip-compare .emaip-compare__table td {
  height: 52px !important;

  margin: 0 !important;
  padding: 10px 15px !important;

  border: 0 !important;
  border-right: 1px solid #e5e9f3 !important;
  border-bottom: 1px solid #e5e9f3 !important;

  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.4 !important;

  vertical-align: middle !important;

  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

html body .emaip-compare .emaip-compare__table th:last-child,
html body .emaip-compare .emaip-compare__table td:last-child {
  border-right: 0 !important;
}

/* =========================================================
   表ヘッダー
========================================================= */

html body .emaip-compare .emaip-compare__table thead th {
  height: 54px !important;

  padding-top: 10px !important;
  padding-bottom: 10px !important;

  font-size: 12.5px !important;
  font-weight: 800 !important;

  text-align: center !important;
}

html body .emaip-compare .emaip-compare__blank {
  background: #ffffff !important;
  color: #11162f !important;
}

html body .emaip-compare .emaip-compare__general-heading {
  background: #f4f6fc !important;
  color: #53607b !important;
}

html body .emaip-compare .emaip-compare__emmatch-heading {
  border-top-right-radius: 19px !important;

  background: linear-gradient(
    90deg,
    #4759e8 0%,
    #8341df 48%,
    #ef079d 100%
  ) !important;

  color: #ffffff !important;
}

/* =========================================================
   左側の項目名
========================================================= */

html body .emaip-compare .emaip-compare__table tbody th {
  background: #f8f9fd !important;
  color: #11162f !important;

  font-size: 12px !important;
  font-weight: 700 !important;

  text-align: left !important;
}

/* =========================================================
   一般的なAIツール列
========================================================= */

html body .emaip-compare .emaip-compare__table tbody td {
  background: #ffffff !important;
  color: #788199 !important;

  font-weight: 500 !important;

  text-align: center !important;
}

/* =========================================================
   EmMatch AIP列
========================================================= */

html body .emaip-compare .emaip-compare__table td.emaip-compare__emmatch-cell {
  background: #f2f4ff !important;
  color: #11162f !important;
}

/* =========================================================
   最終行
   下側の余計な白い余白を作らない
========================================================= */

html body .emaip-compare .emaip-compare__table tbody tr:last-child th,
html body .emaip-compare .emaip-compare__table tbody tr:last-child td {
  border-bottom: 0 !important;
}

html body .emaip-compare .emaip-compare__table tbody tr:last-child th {
  border-bottom-left-radius: 19px !important;
}

html body .emaip-compare .emaip-compare__table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 19px !important;
}

/* =========================================================
   ○・△・×
========================================================= */

html body .emaip-compare .emaip-compare__mark {
  display: inline-block !important;

  margin: 0 3px !important;

  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1 !important;

  vertical-align: middle !important;
}

html body .emaip-compare .emaip-compare__mark--yes {
  color: #23a770 !important;
}

html body .emaip-compare .emaip-compare__mark--limited {
  color: #d6a044 !important;
}

html body .emaip-compare .emaip-compare__mark--no {
  color: #df604f !important;
}

/* =========================================================
   セル内の補足文字
========================================================= */

html body .emaip-compare .emaip-compare__detail {
  display: inline-block !important;

  color: #858da2 !important;

  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;

  vertical-align: middle !important;
}

html body .emaip-compare .emaip-compare__strong {
  color: #11162f !important;

  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
}

html body .emaip-compare .emaip-compare__emmatch-note {
  display: block !important;

  margin-top: 3px !important;

  color: #626d88 !important;

  font-size: 9.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

/* =========================================================
   注意書き
========================================================= */

html body .emaip-compare p.emaip-compare__notice {
  display: block !important;

  width: 100% !important;
  max-width: 1040px !important;

  margin: 15px auto 0 !important;
  padding: 0 !important;

  color: #69738d !important;

  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;

  text-align: left !important;
}

/* =========================================================
   タブレット
========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

  html body .emaip-compare {
    padding: 50px 18px 54px !important;
  }

  html body .emaip-compare h2.emaip-compare__heading {
    font-size: clamp(25px, 3.8vw, 35px) !important;
  }

  html body .emaip-compare p.emaip-compare__lead {
    font-size: 12px !important;
  }

  html body .emaip-compare .emaip-compare__table-scroll {
    max-width: 960px !important;

    margin-top: 29px !important;

    border-radius: 17px !important;
  }

  html body .emaip-compare .emaip-compare__table th,
  html body .emaip-compare .emaip-compare__table td {
    height: 49px !important;

    padding: 9px 10px !important;

    font-size: 10.5px !important;
  }

  html body .emaip-compare .emaip-compare__table thead th {
    height: 51px !important;

    font-size: 10.5px !important;
  }

  html body .emaip-compare .emaip-compare__mark {
    font-size: 15px !important;
  }

  html body .emaip-compare .emaip-compare__detail,
  html body .emaip-compare .emaip-compare__strong {
    font-size: 9.5px !important;
  }

  html body .emaip-compare .emaip-compare__emmatch-note {
    font-size: 8.5px !important;
  }

  html body .emaip-compare p.emaip-compare__notice {
    max-width: 960px !important;

    font-size: 9px !important;
  }
}

/* =========================================================
   スマートフォン
========================================================= */

@media screen and (max-width: 767px) {

  html body .emaip-compare {
    width: 100% !important;

    margin: 0 !important;
    padding: 46px 16px 50px !important;
  }

  html body .emaip-compare p.emaip-compare__label {
    min-width: 82px !important;
    min-height: 36px !important;

    margin-bottom: 17px !important;
    padding: 0 17px !important;

    font-size: 12px !important;
  }

  html body .emaip-compare h2.emaip-compare__heading {
    font-size: clamp(22px, 6.8vw, 30px) !important;
    line-height: 1.42 !important;
  }

  html body .emaip-compare p.emaip-compare__lead {
    margin-top: 13px !important;

    font-size: 12px !important;
    line-height: 1.75 !important;
  }

  html body .emaip-compare p.emaip-compare__lead br {
    display: none !important;
  }

  /* スマホのみ横スクロール */

  html body .emaip-compare .emaip-compare__table-scroll {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 26px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    border-radius: 14px !important;

    -webkit-overflow-scrolling: touch !important;
  }

  html body .emaip-compare table.emaip-compare__table {
    width: 680px !important;
    min-width: 680px !important;
    max-width: none !important;
  }

  html body .emaip-compare .emaip-compare__table th,
  html body .emaip-compare .emaip-compare__table td {
    height: 48px !important;

    padding: 9px 10px !important;

    font-size: 9.5px !important;
  }

  html body .emaip-compare .emaip-compare__table thead th {
    height: 49px !important;

    font-size: 9.5px !important;
  }

  html body .emaip-compare .emaip-compare__mark {
    font-size: 14px !important;
  }

  html body .emaip-compare .emaip-compare__detail,
  html body .emaip-compare .emaip-compare__strong {
    font-size: 9px !important;
  }

  html body .emaip-compare .emaip-compare__emmatch-note {
    font-size: 8px !important;
  }

  html body .emaip-compare p.emaip-compare__notice {
    width: 100% !important;
    max-width: none !important;

    margin-top: 13px !important;

    font-size: 8.5px !important;
    line-height: 1.65 !important;
  }
}