@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");
/* ---------- フォント ---------- */
.chatbot-top,
.chatbot-recommend,
.chatbot-issue,
.chatbot-flow,
.chatbot-reason,
.chatbot-usecase,
.chatbot-effect,
.chatbot-price,
.chatbot-footer,
.ocr-cta {
  font-family: "Noto Sans JP", sans-serif;
}

:is(.chatbot-top, .chatbot-recommend, .chatbot-issue, .chatbot-flow, .chatbot-reason, .chatbot-usecase, .chatbot-effect, .chatbot-price, .chatbot-footer, .ocr-cta) :is(p, h1, h2, h3, h4, h5, h6) {
  font-family: "Noto Sans JP", sans-serif;
}

/* ---------- 見出しタグ化の打ち消し ---------- */
h1.ocr-top__hero-title,
h3.chatbot-reason__card-title {
  margin: 0;
}

h2.ocr-top__heading-title,
h2.ocr-movie__heading-title {
  margin-bottom: 0;
}

h1.ocr-top__hero-title,
h3.chatbot-reason__card-title {
  line-height: 1.8;
}

/* ---------- TOP ---------- */
.chatbot-top .ocr-top__heading {
  margin-top: min(calc(60 / 1440 * 100vw), 60px);
}
.chatbot-top .ocr-top__content {
  padding-bottom: 0;
}

/* ---------- LEAD ---------- */
.chatbot-lead p {
  margin-bottom: 0;
  text-align: center;
}
.chatbot-lead p + p {
  margin-top: 0;
}

/* ---------- MOVIE ---------- */
.chatbot-movie {
  padding-bottom: min(calc(60 / 1440 * 100vw), 60px);
}
.chatbot-movie .ocr-movie__caption {
  margin-top: min(calc(10 / 1440 * 100vw), 10px);
}

.chatbot-movie__video video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/* ==========================================================================
   RECOMMEND（こんな部門におすすめです）
   ========================================================================== */
.chatbot-recommend {
  align-items: center;
  background-color: #EAF6FE;
  background-image: url(../images/chatbot/chatbot-recommend-bg.png?v=20260826);
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.chatbot-recommend p {
  margin-bottom: 0;
}

.chatbot-recommend__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: min(calc(60 / 1440 * 100vw), 60px) 0;
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-recommend__cards {
  align-items: stretch;
  display: flex;
  gap: min(calc(12 / 1440 * 100vw), 12px);
  margin-top: min(calc(66.8 / 1440 * 100vw), 66.8px);
  width: 100%;
}

.chatbot-recommend__card {
  align-items: center;
  background-color: #FFF;
  box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(8 / 1440 * 100vw), 8px) rgba(0, 60, 90, 0.08);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(calc(16 / 1440 * 100vw), 16px);
  min-width: 0;
  padding: min(calc(40 / 1440 * 100vw), 40px) 0;
}

.chatbot-recommend__card-illust {
  align-items: center;
  display: flex;
  height: min(calc(147 / 1440 * 100vw), 147px);
  justify-content: center;
}
.chatbot-recommend__card-illust img {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
}

.chatbot-recommend__card-title {
  align-items: center;
  color: #333;
  display: flex;
  font-size: min(calc(20 / 1440 * 100vw), 20px);
  font-weight: 700;
  justify-content: center;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: 1.5;
  min-height: min(calc(60 / 1440 * 100vw), 60px);
  text-align: center;
}

.chatbot-recommend__card-list {
  display: flex;
  flex-direction: column;
  gap: min(calc(5 / 1440 * 100vw), 5px);
  list-style: none;
  margin: 0;
  padding: 0 min(calc(16 / 1440 * 100vw), 16px);
}
.chatbot-recommend__card-list li {
  color: #636363;
  font-size: min(calc(16 / 1440 * 100vw), 16px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(26.6 / 1440 * 100vw), 26.6px);
  padding-left: min(calc(20 / 1440 * 100vw), 20px);
  position: relative;
}
.chatbot-recommend__card-list li::before {
  background-color: #00B0EC;
  border-radius: min(calc(2 / 1440 * 100vw), 2px);
  content: "";
  height: min(calc(8 / 1440 * 100vw), 8px);
  left: min(calc(2 / 1440 * 100vw), 2px);
  position: absolute;
  top: min(calc(9 / 1440 * 100vw), 9px);
  width: min(calc(8 / 1440 * 100vw), 8px);
}

/* ==========================================================================
   ISSUE（問い合わせ対応でこんな課題はありませんか？）
   ========================================================================== */
.chatbot-issue {
  background-color: #FFF;
  position: relative;
  width: 100%;
}
.chatbot-issue::after {
  background-color: #00B0EC;
  bottom: 0;
  content: "";
  height: min(calc(244 / 1440 * 100vw), 244px);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.chatbot-issue p {
  margin-bottom: 0;
}

.chatbot-issue__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: min(calc(80 / 1440 * 100vw), 80px) 0 0;
  position: relative;
  width: min(calc(1000 / 1440 * 100vw), 1000px);
  z-index: 1;
}

.chatbot-issue__cards {
  display: flex;
  gap: min(calc(28 / 1440 * 100vw), 28px);
  justify-content: center;
  margin-top: min(calc(58.4 / 1440 * 100vw), 58.4px);
}

.chatbot-issue__card {
  align-items: center;
  background-color: #FFF;
  border-radius: min(calc(14 / 1440 * 100vw), 14px);
  display: flex;
  flex-direction: column;
  gap: min(calc(21 / 1440 * 100vw), 21px);
  padding: min(calc(54 / 1440 * 100vw), 54px) min(calc(42 / 1440 * 100vw), 42px) min(calc(22 / 1440 * 100vw), 22px);
  position: relative;
}

.chatbot-issue__pill {
  border-radius: 999px;
  color: #FFF;
  font-size: min(calc(20 / 1440 * 100vw), 20px);
  font-weight: 700;
  left: 50%;
  letter-spacing: min(calc(1 / 1440 * 100vw), 1px);
  line-height: min(calc(31 / 1440 * 100vw), 31px);
  padding: min(calc(10 / 1440 * 100vw), 10px) min(calc(76 / 1440 * 100vw), 76px);
  position: absolute;
  text-align: center;
  top: min(calc(-15.5 / 1440 * 100vw), -15.5px);
  transform: translateX(-50%);
  white-space: nowrap;
}

.chatbot-issue__pill-large {
  font-size: min(calc(26 / 1440 * 100vw), 26px);
}

.chatbot-issue__list {
  display: flex;
  flex-direction: column;
  gap: min(calc(9 / 1440 * 100vw), 9px);
  list-style: none;
  margin: 0;
  padding: 0;
  width: min(calc(311 / 1440 * 100vw), 311px);
}
.chatbot-issue__list li {
  color: #383838;
  font-size: min(calc(18 / 1440 * 100vw), 18px);
  font-weight: 500;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(28.275 / 1440 * 100vw), 28.275px);
  padding-left: min(calc(24 / 1440 * 100vw), 24px);
  position: relative;
  white-space: nowrap;
}
.chatbot-issue__list li::before {
  border-radius: 50%;
  content: "";
  height: min(calc(11 / 1440 * 100vw), 11px);
  left: min(calc(3 / 1440 * 100vw), 3px);
  position: absolute;
  top: min(calc(10.5 / 1440 * 100vw), 10.5px);
  width: min(calc(11 / 1440 * 100vw), 11px);
}
.chatbot-issue__list li strong {
  font-weight: 700;
}

.chatbot-issue__card--internal .chatbot-issue__pill {
  background-color: #00B0EC;
}
.chatbot-issue__card--internal .chatbot-issue__list li::before {
  background-color: #00B0EC;
}
.chatbot-issue__card--internal .chatbot-issue__list li strong {
  color: #00B0EC;
}
.chatbot-issue__card--internal .chatbot-issue__illust img {
  width: min(calc(193 / 1440 * 100vw), 193px);
}

.chatbot-issue__card--external .chatbot-issue__pill {
  background-color: #3FAE5A;
}
.chatbot-issue__card--external .chatbot-issue__list li::before {
  background-color: #3FAE5A;
}
.chatbot-issue__card--external .chatbot-issue__list li strong {
  color: #3FAE5A;
}
.chatbot-issue__card--external .chatbot-issue__illust img {
  width: min(calc(181 / 1440 * 100vw), 181px);
}

.chatbot-issue__illust img {
  display: block;
  height: auto;
}

.chatbot-issue__arrows {
  align-items: center;
  display: flex;
  gap: min(calc(220 / 1440 * 100vw), 220px);
  height: min(calc(40 / 1440 * 100vw), 40px);
  justify-content: center;
  margin-top: min(calc(12 / 1440 * 100vw), 12px);
  padding-top: min(calc(6 / 1440 * 100vw), 6px);
}

.chatbot-issue__arrow {
  display: block;
  height: auto;
  width: min(calc(47 / 1440 * 100vw), 47px);
}
.chatbot-issue__arrow--mirror {
  transform: scaleX(-1);
}

.chatbot-issue__answer {
  height: min(calc(324 / 1440 * 100vw), 324px);
  margin-top: min(calc(12 / 1440 * 100vw), 12px);
  position: relative;
  width: 100%;
}

.chatbot-issue__bubble {
  height: auto;
  left: min(calc(120 / 1440 * 100vw), 120px);
  position: absolute;
  top: min(calc(12.7 / 1440 * 100vw), 12.7px);
  width: min(calc(580 / 1440 * 100vw), 580px);
}

.chatbot-issue__chai {
  left: min(calc(681 / 1440 * 100vw), 681px);
  position: absolute;
  top: min(calc(149.7 / 1440 * 100vw), 149.7px);
  width: min(calc(175 / 1440 * 100vw), 175px);
}
.chatbot-issue__chai img {
  display: block;
  height: auto;
  width: 100%;
}

/* ==========================================================================
   FLOW（社内も社外も対応できるAIチャットボット）
   ========================================================================== */
.chatbot-flow {
  background-color: #EBF8FE;
  background-image: url(../images/chatbot/chatbot-flow-bg.png?v=20260826);
  background-position: center;
  background-size: cover;
  width: 100%;
}
.chatbot-flow p {
  margin-bottom: 0;
}

.chatbot-flow__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: min(calc(80 / 1440 * 100vw), 80px) 0 min(calc(60 / 1440 * 100vw), 60px);
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-flow__heading-badge {
  background-color: #00B0EC;
  color: #FFF;
  display: inline-block;
  margin-right: min(calc(6 / 1440 * 100vw), 6px);
  padding: min(calc(4 / 1440 * 100vw), 4px) min(calc(10 / 1440 * 100vw), 10px);
}

.chatbot-flow__figure {
  align-items: center;
  background-color: #FFF;
  border-radius: min(calc(20 / 1440 * 100vw), 20px);
  display: flex;
  gap: min(calc(12 / 1440 * 100vw), 12px);
  justify-content: center;
  margin-top: min(calc(54.4 / 1440 * 100vw), 54.4px);
  padding: min(calc(38.4 / 1440 * 100vw), 38.4px) min(calc(32 / 1440 * 100vw), 32px);
}

.chatbot-flow__source {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: min(calc(16 / 1440 * 100vw), 16px);
}

.chatbot-flow__source-img {
  display: block;
  height: auto;
  width: min(calc(162 / 1440 * 100vw), 162px);
}

.chatbot-flow__source-caption {
  color: #383838;
  font-size: min(calc(18 / 1440 * 100vw), 18px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.chatbot-flow__arrow {
  display: block;
  flex-shrink: 0;
  height: auto;
  width: min(calc(26 / 1440 * 100vw), 26px);
}

.chatbot-flow__engine {
  align-items: center;
  background-color: #FFF;
  border-radius: min(calc(10 / 1440 * 100vw), 10px);
  display: flex;
  flex-shrink: 0;
  height: min(calc(109 / 1440 * 100vw), 109px);
  justify-content: center;
  width: min(calc(191 / 1440 * 100vw), 191px);
}
.chatbot-flow__engine img {
  display: block;
  height: auto;
  width: min(calc(138 / 1440 * 100vw), 138px);
}

.chatbot-flow__arrows2 {
  display: flex;
  flex-direction: column;
  gap: min(calc(52 / 1440 * 100vw), 52px);
}

.chatbot-flow__dest {
  display: flex;
  flex-direction: column;
  gap: min(calc(14 / 1440 * 100vw), 14px);
  width: min(calc(343 / 1440 * 100vw), 343px);
}

.chatbot-flow__dest-row {
  align-items: center;
  border-radius: min(calc(12 / 1440 * 100vw), 12px);
  display: flex;
  gap: min(calc(14 / 1440 * 100vw), 14px);
  padding: min(calc(14 / 1440 * 100vw), 14px) min(calc(16 / 1440 * 100vw), 16px);
}
.chatbot-flow__dest-row:first-child .chatbot-flow__dest-logo {
  width: min(calc(158 / 1440 * 100vw), 158px);
}
.chatbot-flow__dest-row:last-child .chatbot-flow__dest-logo {
  width: min(calc(114 / 1440 * 100vw), 114px);
}

.chatbot-flow__dest-body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: min(calc(14 / 1440 * 100vw), 14px);
}

.chatbot-flow__dest-text {
  color: #383838;
  font-size: min(calc(24 / 1440 * 100vw), 24px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: 1.5;
  margin: 0;
  white-space: nowrap;
}

.chatbot-flow__dest-dot {
  color: #4BA8FF;
}

.chatbot-flow__dest-logo {
  display: block;
  height: auto;
}

.chatbot-flow__badge {
  border-radius: 999px;
  color: #FFF;
  font-size: min(calc(18 / 1440 * 100vw), 18px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(22 / 1440 * 100vw), 22px);
  margin: 0;
  padding: min(calc(10 / 1440 * 100vw), 10px) min(calc(20 / 1440 * 100vw), 20px);
  text-align: center;
  white-space: nowrap;
}
.chatbot-flow__badge--internal {
  background-color: #00B0EC;
}
.chatbot-flow__badge--external {
  background-color: #3FAE5A;
}

/* ==========================================================================
   REASON（選ばれる3つの理由）
   ========================================================================== */
.chatbot-reason {
  background: linear-gradient(160deg, #6DE7FF 0%, #4BA8FF 100%);
  width: 100%;
}
.chatbot-reason p {
  margin-bottom: 0;
}

.chatbot-reason__content {
  margin: 0 auto;
  padding: min(calc(80 / 1440 * 100vw), 80px) 0 min(calc(60 / 1440 * 100vw), 60px);
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-reason__heading .ocr-movie__heading-label,
.chatbot-reason__heading .ocr-movie__heading-title {
  color: #FFF;
}
.chatbot-reason__heading .ocr-movie__heading-line {
  background: #FFF;
}

.chatbot-reason__card {
  align-items: center;
  background-color: #FFF;
  border-radius: min(calc(20 / 1440 * 100vw), 20px);
  display: flex;
  flex-direction: column;
  margin-top: min(calc(32 / 1440 * 100vw), 32px);
  padding: min(calc(38.4 / 1440 * 100vw), 38.4px) min(calc(35.2 / 1440 * 100vw), 35.2px);
}
.chatbot-reason__card:nth-of-type(1) {
  margin-top: min(calc(38.4 / 1440 * 100vw), 38.4px);
}

.chatbot-reason__card-head {
  align-items: center;
  display: flex;
  gap: min(calc(12 / 1440 * 100vw), 12px);
  justify-content: center;
}

.chatbot-reason__card-number {
  align-items: center;
  background: linear-gradient(135deg, #6DE7FF 0%, #4BA8FF 100%);
  border-radius: 50%;
  color: #FFF;
  display: flex;
  flex-shrink: 0;
  font-size: min(calc(16 / 1440 * 100vw), 16px);
  font-weight: 700;
  height: min(calc(40 / 1440 * 100vw), 40px);
  justify-content: center;
  width: min(calc(40 / 1440 * 100vw), 40px);
}

.chatbot-reason__card-title {
  color: #383838;
  font-size: min(calc(26 / 1440 * 100vw), 26px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  margin: 0;
}

.chatbot-reason__card-desc {
  color: #636363;
  font-size: min(calc(14.5 / 1440 * 100vw), 14.5px);
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(27.55 / 1440 * 100vw), 27.55px);
  margin: min(calc(14.4 / 1440 * 100vw), 14.4px) 0 0;
  text-align: center;
}

.chatbot-reason__card-figure {
  margin-top: min(calc(34.8 / 1440 * 100vw), 34.8px);
}
.chatbot-reason__card-figure img {
  border-radius: min(calc(14 / 1440 * 100vw), 14px);
  box-shadow: 0 min(calc(10 / 1440 * 100vw), 10px) min(calc(30 / 1440 * 100vw), 30px) rgba(20, 50, 70, 0.14);
  display: block;
  height: auto;
  width: min(calc(430 / 1440 * 100vw), 430px);
}
.chatbot-reason__card-figure--wide img {
  border-radius: 0;
  box-shadow: none;
  width: min(calc(352 / 1440 * 100vw), 352px);
}
.chatbot-reason__card-figure--browser img {
  box-shadow: 0 min(calc(12 / 1440 * 100vw), 12px) min(calc(32 / 1440 * 100vw), 32px) rgba(20, 50, 70, 0.16);
  width: min(calc(460 / 1440 * 100vw), 460px);
}

/* ==========================================================================
   USE CASE（FAQだけじゃない。こんな使い方もできます）
   ========================================================================== */
.chatbot-usecase {
  background-color: #FFF;
  width: 100%;
}
.chatbot-usecase p {
  margin-bottom: 0;
}

.chatbot-usecase__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: min(calc(80 / 1440 * 100vw), 80px) 0 min(calc(60 / 1440 * 100vw), 60px);
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-usecase__cols {
  display: flex;
  gap: min(calc(24 / 1440 * 100vw), 24px);
  justify-content: center;
  margin-top: min(calc(38.4 / 1440 * 100vw), 38.4px);
  width: min(calc(820 / 1440 * 100vw), 820px);
}

.chatbot-usecase__col {
  background-color: #FFF;
  border-radius: min(calc(14 / 1440 * 100vw), 14px);
  box-shadow: 0 min(calc(4 / 1440 * 100vw), 4px) min(calc(18 / 1440 * 100vw), 18px) rgba(0, 60, 90, 0.09);
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.chatbot-usecase__col-head {
  color: #FFF;
  font-size: min(calc(20 / 1440 * 100vw), 20px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  margin: 0;
  padding: min(calc(14 / 1440 * 100vw), 14px) min(calc(20 / 1440 * 100vw), 20px);
  text-align: center;
}
.chatbot-usecase__col-head--internal {
  background-color: #00B0EC;
}
.chatbot-usecase__col-head--external {
  background-color: #3FAE5A;
}

.chatbot-usecase__list {
  display: flex;
  flex-direction: column;
  gap: min(calc(6 / 1440 * 100vw), 6px);
  list-style: none;
  margin: 0;
  padding: min(calc(16 / 1440 * 100vw), 16px) min(calc(82 / 1440 * 100vw), 82px) min(calc(20 / 1440 * 100vw), 20px);
}
.chatbot-usecase__list li {
  color: #383838;
  font-size: min(calc(16 / 1440 * 100vw), 16px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(32.25 / 1440 * 100vw), 32.25px);
  padding-left: min(calc(32 / 1440 * 100vw), 32px);
  position: relative;
  white-space: nowrap;
}

.chatbot-usecase__icon {
  align-items: center;
  display: flex;
  height: min(calc(24 / 1440 * 100vw), 24px);
  justify-content: center;
  left: min(calc(2 / 1440 * 100vw), 2px);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: min(calc(24 / 1440 * 100vw), 24px);
}
.chatbot-usecase__icon img {
  display: block;
  height: min(calc(16 / 1440 * 100vw), 16px);
  width: min(calc(16 / 1440 * 100vw), 16px);
}

/* ==========================================================================
   EFFECT（導入効果）
   ========================================================================== */
.chatbot-effect {
  background-color: #FFF;
  width: 100%;
}
.chatbot-effect p {
  margin-bottom: 0;
}

.chatbot-effect__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: min(calc(40 / 1440 * 100vw), 40px);
  margin: 0 auto;
  padding: min(calc(60 / 1440 * 100vw), 60px) 0;
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-effect__panel {
  background-color: #E5F7FD;
  border-radius: min(calc(10 / 1440 * 100vw), 10px);
  display: flex;
  flex-direction: column;
  gap: min(calc(10 / 1440 * 100vw), 10px);
  padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(60 / 1440 * 100vw), 60px);
  width: 100%;
}

.chatbot-effect__row {
  display: flex;
  gap: min(calc(10 / 1440 * 100vw), 10px);
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.chatbot-effect__card {
  align-items: center;
  background-color: #FFF;
  border-radius: min(calc(10 / 1440 * 100vw), 10px);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(calc(22 / 1440 * 100vw), 22px);
  height: min(calc(180 / 1440 * 100vw), 180px);
  justify-content: center;
  min-width: 0;
  padding: min(calc(20 / 1440 * 100vw), 20px) min(calc(26 / 1440 * 100vw), 26px);
}

.chatbot-effect__row--2col .chatbot-effect__card {
  height: min(calc(160 / 1440 * 100vw), 160px);
}

.chatbot-effect__card-icon {
  align-items: center;
  display: flex;
  height: min(calc(68 / 1440 * 100vw), 68px);
  justify-content: center;
}
.chatbot-effect__card-icon img {
  display: block;
  max-height: 100%;
  width: auto;
}

.chatbot-effect__card-label {
  color: #383838;
  font-size: min(calc(20 / 1440 * 100vw), 20px);
  font-weight: 700;
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

/* ==========================================================================
   PRICE（料金）
   ========================================================================== */
.chatbot-price {
  background-color: #FFF;
  width: 100%;
}
.chatbot-price p {
  margin-bottom: 0;
}

.chatbot-price__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  padding: min(calc(77.6 / 1440 * 100vw), 77.6px) 0;
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-price__heading .ocr-movie__heading-label {
  font-size: min(calc(16.8 / 1440 * 100vw), 16.8px);
  letter-spacing: min(calc(4.03 / 1440 * 100vw), 4.03px);
}
.chatbot-price__heading .ocr-movie__heading-title {
  font-size: min(calc(45.5 / 1440 * 100vw), 45.5px);
  letter-spacing: min(calc(2.59 / 1440 * 100vw), 2.59px);
  line-height: min(calc(59.2 / 1440 * 100vw), 59.2px);
}
.chatbot-price__heading .ocr-movie__heading-line {
  height: min(calc(3.9 / 1440 * 100vw), 3.9px);
  margin-top: min(calc(13.9 / 1440 * 100vw), 13.9px);
  width: min(calc(93 / 1440 * 100vw), 93px);
}

.chatbot-price__cards {
  display: flex;
  gap: min(calc(20 / 1440 * 100vw), 20px);
  margin-top: min(calc(49.6 / 1440 * 100vw), 49.6px);
  width: 100%;
}

.chatbot-price__card {
  align-items: center;
  background-color: #FFF;
  border: min(calc(2.6 / 1440 * 100vw), 2.6px) solid;
  border-radius: min(calc(25.9 / 1440 * 100vw), 25.9px);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: min(calc(20 / 1440 * 100vw), 20px);
  justify-content: space-between;
  min-width: 0;
  padding: min(calc(56.9 / 1440 * 100vw), 56.9px) min(calc(28.4 / 1440 * 100vw), 28.4px) min(calc(28.4 / 1440 * 100vw), 28.4px);
  position: relative;
}

.chatbot-price__badge {
  border-radius: 999px;
  color: #FFF;
  font-size: min(calc(23.3 / 1440 * 100vw), 23.3px);
  font-weight: 700;
  left: 50%;
  letter-spacing: min(calc(0.08 / 1440 * 100vw), 0.08px);
  line-height: min(calc(28 / 1440 * 100vw), 28px);
  margin: 0;
  padding: min(calc(12.9 / 1440 * 100vw), 12.9px) min(calc(139.6 / 1440 * 100vw), 139.6px);
  position: absolute;
  top: min(calc(-22 / 1440 * 100vw), -22px);
  transform: translateX(-50%);
  white-space: nowrap;
}

.chatbot-price__card-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: min(calc(38.8 / 1440 * 100vw), 38.8px);
  width: 100%;
}

.chatbot-price__title {
  color: #383838;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.chatbot-price__title-main {
  font-size: min(calc(31 / 1440 * 100vw), 31px);
  font-weight: 700;
}

.chatbot-price__title-sub {
  font-size: min(calc(23.3 / 1440 * 100vw), 23.3px);
  font-weight: 500;
}

.chatbot-price__amount {
  align-items: baseline;
  display: flex;
  margin: 0;
}

.chatbot-price__number {
  font-family: 'Inter', 'Noto Sans JP', sans-serif;
  font-size: min(calc(67.2 / 1440 * 100vw), 67.2px);
  font-weight: 700;
  line-height: 1;
}

.chatbot-price__unit {
  color: #383838;
  font-size: min(calc(20.7 / 1440 * 100vw), 20.7px);
  font-weight: 700;
}

.chatbot-price__notes {
  border-top: min(calc(1.3 / 1440 * 100vw), 1.3px) solid #EDF1F4;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: min(calc(19.4 / 1440 * 100vw), 19.4px) 0 0;
  width: 100%;
}
.chatbot-price__notes li {
  color: #636363;
  font-size: min(calc(12.9 / 1440 * 100vw), 12.9px);
  letter-spacing: min(calc(0.08 / 1440 * 100vw), 0.08px);
  line-height: 1.5;
}

.chatbot-price__link {
  margin: 0;
}
.chatbot-price__link a {
  align-items: center;
  display: inline-flex;
  font-size: min(calc(18.1 / 1440 * 100vw), 18.1px);
  font-weight: 700;
  gap: min(calc(7.8 / 1440 * 100vw), 7.8px);
  letter-spacing: min(calc(0.08 / 1440 * 100vw), 0.08px);
  text-decoration: none;
}

.chatbot-price__link-circle {
  display: block;
  flex-shrink: 0;
  height: min(calc(25.9 / 1440 * 100vw), 25.9px);
  width: min(calc(25.9 / 1440 * 100vw), 25.9px);
}

.chatbot-price__card--internal {
  border-color: #00B0EC;
}
.chatbot-price__card--internal .chatbot-price__badge {
  background-color: #00B0EC;
}
.chatbot-price__card--internal .chatbot-price__title-main,
.chatbot-price__card--internal .chatbot-price__number {
  color: #00B0EC;
}
.chatbot-price__card--internal .chatbot-price__link a {
  color: #00B0EC;
}

.chatbot-price__card--external {
  border-color: #3FAE5A;
}
.chatbot-price__card--external .chatbot-price__badge {
  background-color: #3FAE5A;
}
.chatbot-price__card--external .chatbot-price__title-main,
.chatbot-price__card--external .chatbot-price__number {
  color: #3FAE5A;
}
.chatbot-price__card--external .chatbot-price__link a {
  color: #3FAE5A;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.chatbot-footer {
  align-items: center;
  background-color: #383838;
  display: flex;
  flex-direction: column;
  padding: min(calc(48 / 1440 * 100vw), 48px) 0 min(calc(28 / 1440 * 100vw), 28px);
  width: 100%;
}
.chatbot-footer a {
  color: #FFF;
}
.chatbot-footer p {
  margin-bottom: 0;
}
.chatbot-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.chatbot-footer__inner {
  display: flex;
  flex-direction: column;
  gap: min(calc(27 / 1440 * 100vw), 27px);
  width: min(calc(1000 / 1440 * 100vw), 1000px);
}

.chatbot-footer__row {
  align-items: center;
  display: flex;
  width: 100%;
}

.chatbot-footer__brand {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  gap: min(calc(10 / 1440 * 100vw), 10px);
  width: min(calc(308 / 1440 * 100vw), 308px);
}

.chatbot-footer__logo {
  display: block;
}
.chatbot-footer__logo img {
  display: block;
  height: auto;
  width: 100%;
}

.chatbot-footer__tagline {
  color: #FFF;
  font-size: min(calc(14 / 1440 * 100vw), 14px);
  font-weight: 700;
  line-height: min(calc(26 / 1440 * 100vw), 26px);
  margin: 0;
}

.chatbot-footer__sns {
  display: flex;
  gap: min(calc(20 / 1440 * 100vw), 20px);
  padding-top: min(calc(10 / 1440 * 100vw), 10px);
}
.chatbot-footer__sns a {
  display: block;
  transition: 0.2s;
}
.chatbot-footer__sns img {
  display: block;
  height: auto;
  width: min(calc(40 / 1440 * 100vw), 40px);
}

@media (hover: hover) {
  .chatbot-footer__sns a:hover,
  .chatbot-footer__nav a:hover,
  .chatbot-footer__btn:hover {
    opacity: 0.8;
  }
}
.chatbot-footer__nav {
  display: flex;
  flex-direction: column;
  gap: min(calc(12 / 1440 * 100vw), 12px);
  width: min(calc(198 / 1440 * 100vw), 198px);
}
.chatbot-footer__nav a {
  font-size: min(calc(14 / 1440 * 100vw), 14px);
  font-weight: 700;
  line-height: min(calc(26 / 1440 * 100vw), 26px);
  text-decoration: underline;
  transition: 0.2s;
}
.chatbot-footer__nav--1 {
  margin-left: min(calc(60 / 1440 * 100vw), 60px);
}
.chatbot-footer__nav--2 {
  margin-left: min(calc(12 / 1440 * 100vw), 12px);
}

.chatbot-footer__btns {
  display: flex;
  flex-direction: column;
  gap: min(calc(20 / 1440 * 100vw), 20px);
  margin-left: min(calc(64 / 1440 * 100vw), 64px);
  width: min(calc(160 / 1440 * 100vw), 160px);
}

.chatbot-footer__btn {
  border-radius: min(calc(2 / 1440 * 100vw), 2px);
  display: block;
  font-size: min(calc(14 / 1440 * 100vw), 14px);
  font-weight: 700;
  line-height: min(calc(28 / 1440 * 100vw), 28px);
  padding: min(calc(3 / 1440 * 100vw), 3px);
  text-align: center;
  text-decoration: none;
  transition: 0.2s;
}
.chatbot-footer__btn--inquiry {
  background-color: #00B050;
}
.chatbot-footer__btn--dl {
  background-color: #26BAEF;
}

.chatbot-footer__copyright {
  color: #FFF;
  font-size: min(calc(12 / 1440 * 100vw), 12px);
  font-weight: 500;
  line-height: 1;
  margin: 0;
  text-align: center;
  width: 100%;
}

/* ==========================================================================
   CTA
   ========================================================================== */
.ocr-cta {
  background-color: transparent;
  background-image: url(../images/chatbot/chatbot-cta-bg.png?v=20260826), linear-gradient(to bottom, rgba(255, 247, 235, 0) 0%, #FFF7EB 100%);
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% 100%;
}

.chatbot-cta__note {
  color: #383838;
  font-size: min(calc(16 / 1440 * 100vw), 16px);
  letter-spacing: min(calc(0.06 / 1440 * 100vw), 0.06px);
  line-height: min(calc(30.4 / 1440 * 100vw), 30.4px);
  margin: 0;
  text-align: center;
}

/* ==========================================================================
   SP（max-width: 767px）
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* ---------- 見出し ---------- */
  :is(.chatbot-top, .chatbot-recommend, .chatbot-issue, .chatbot-flow, .chatbot-reason, .chatbot-usecase, .chatbot-effect, .chatbot-price) :is(.ocr-top__heading, .ocr-movie__heading) {
    padding-bottom: calc(24 / 393 * 100vw);
  }
  :is(.chatbot-top, .chatbot-recommend, .chatbot-issue, .chatbot-flow, .chatbot-reason, .chatbot-usecase, .chatbot-effect, .chatbot-price) :is(.ocr-top__heading, .ocr-movie__heading) [class$="__heading-label"] {
    font-size: calc(11 / 393 * 100vw);
    letter-spacing: calc(2.5 / 393 * 100vw);
    line-height: 1.2;
    opacity: 1;
  }
  :is(.chatbot-top, .chatbot-recommend, .chatbot-issue, .chatbot-flow, .chatbot-reason, .chatbot-usecase, .chatbot-effect, .chatbot-price) :is(.ocr-top__heading, .ocr-movie__heading) [class$="__heading-title"] {
    font-size: calc(22 / 393 * 100vw);
    letter-spacing: calc(1 / 393 * 100vw);
    line-height: 1.3;
    margin-top: calc(12 / 393 * 100vw);
  }
  :is(.chatbot-top, .chatbot-recommend, .chatbot-issue, .chatbot-flow, .chatbot-reason, .chatbot-usecase, .chatbot-effect, .chatbot-price) :is(.ocr-top__heading, .ocr-movie__heading) [class$="__heading-line"] {
    height: calc(3 / 393 * 100vw);
    margin-top: calc(8 / 393 * 100vw);
    width: calc(48 / 393 * 100vw);
  }

  /* ---------- TOP / MOVIE ---------- */
  .chatbot-top .ocr-top__heading {
    margin-top: calc(56 / 393 * 100vw);
  }

  .chatbot-lead {
    margin-top: calc(24 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }
  .chatbot-lead p {
    letter-spacing: calc(0.06 / 393 * 100vw);
    line-height: calc(24 / 393 * 100vw);
    margin-top: 0;
    max-width: none;
    width: 100%;
  }
  .chatbot-lead p + p {
    margin-top: calc(10 / 393 * 100vw);
  }

  .chatbot-movie {
    padding-bottom: calc(56 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }

  /* ---------- RECOMMEND ---------- */
  .chatbot-recommend {
    background-image: url(../images/chatbot/chatbot-recommend-bg-sp.png?v=20260826);
  }

  .chatbot-recommend__content {
    padding: calc(56 / 393 * 100vw) 0;
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-recommend__cards {
    flex-direction: column;
    gap: calc(16 / 393 * 100vw);
    margin-top: calc(16 / 393 * 100vw);
  }

  .chatbot-recommend__card {
    border-radius: calc(16 / 393 * 100vw);
    box-shadow: 0 calc(4 / 393 * 100vw) calc(8 / 393 * 100vw) rgba(0, 60, 90, 0.08);
    gap: calc(16 / 393 * 100vw);
    padding: calc(24 / 393 * 100vw);
    width: 100%;
  }

  .chatbot-recommend__card-illust {
    height: calc(145 / 393 * 100vw);
  }

  .chatbot-recommend__card-title {
    color: #383838;
    font-size: calc(18 / 393 * 100vw);
    min-height: 0;
  }

  .chatbot-recommend__card-list {
    gap: calc(10 / 393 * 100vw);
    padding: 0;
    width: 100%;
  }
  .chatbot-recommend__card-list li {
    font-size: calc(14 / 393 * 100vw);
    line-height: calc(22 / 393 * 100vw);
    padding-left: calc(16 / 393 * 100vw);
  }
  .chatbot-recommend__card-list li::before {
    border-radius: calc(2 / 393 * 100vw);
    height: calc(8 / 393 * 100vw);
    left: 0;
    top: calc(7 / 393 * 100vw);
    width: calc(8 / 393 * 100vw);
  }

  /* ---------- ISSUE ---------- */
  .chatbot-issue::after {
    height: calc(247 / 393 * 100vw);
  }

  .chatbot-issue__content {
    padding: calc(56 / 393 * 100vw) 0 calc(56 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-issue__cards {
    flex-direction: column;
    gap: calc(28 / 393 * 100vw);
    margin-left: calc(-16 / 393 * 100vw);
    margin-top: calc(54.4 / 393 * 100vw);
    width: calc(393 / 393 * 100vw);
  }

  .chatbot-issue__card {
    gap: calc(21 / 393 * 100vw);
    padding: calc(54 / 393 * 100vw) 0 calc(22 / 393 * 100vw);
    width: 100%;
  }

  .chatbot-issue__pill {
    box-sizing: border-box;
    font-size: calc(20 / 393 * 100vw);
    line-height: calc(31 / 393 * 100vw);
    padding: calc(10 / 393 * 100vw) 0;
    top: calc(-15.5 / 393 * 100vw);
    width: calc(310 / 393 * 100vw);
  }

  .chatbot-issue__pill-large {
    font-size: calc(26 / 393 * 100vw);
  }

  .chatbot-issue__list {
    gap: calc(9 / 393 * 100vw);
    width: calc(311 / 393 * 100vw);
  }
  .chatbot-issue__list li {
    font-size: calc(18 / 393 * 100vw);
    line-height: calc(28.3 / 393 * 100vw);
    padding-left: calc(24 / 393 * 100vw);
    white-space: nowrap;
  }
  .chatbot-issue__list li::before {
    height: calc(11 / 393 * 100vw);
    left: calc(3 / 393 * 100vw);
    top: calc(10.5 / 393 * 100vw);
    width: calc(11 / 393 * 100vw);
  }

  .chatbot-issue__card--internal .chatbot-issue__illust img {
    width: calc(192 / 393 * 100vw);
  }

  .chatbot-issue__card--external .chatbot-issue__illust img {
    width: calc(181 / 393 * 100vw);
  }

  .chatbot-issue__arrows {
    display: none;
  }

  .chatbot-issue__answer {
    height: auto;
    margin-top: calc(16 / 393 * 100vw);
  }

  .chatbot-issue__promo {
    display: block;
    height: auto;
    width: calc(361 / 393 * 100vw);
  }

  /* ---------- FLOW ---------- */
  .chatbot-flow__content {
    padding: calc(56 / 393 * 100vw) 0 calc(56 / 393 * 100vw);
    width: calc(373 / 393 * 100vw);
  }

  .chatbot-flow__heading-badge {
    background: transparent;
    color: inherit;
    margin-right: 0;
    padding: 0;
  }

  .chatbot-flow__figure {
    flex-direction: column;
    gap: calc(14 / 393 * 100vw);
    margin-top: calc(32 / 393 * 100vw);
    padding: calc(38 / 393 * 100vw) calc(20 / 393 * 100vw);
    width: 100%;
  }

  .chatbot-flow__source {
    gap: calc(14 / 393 * 100vw);
  }

  .chatbot-flow__source-img {
    width: calc(150 / 393 * 100vw);
  }

  .chatbot-flow__source-caption {
    font-size: calc(16 / 393 * 100vw);
  }

  .chatbot-flow__arrow {
    transform: rotate(90deg);
    width: calc(24 / 393 * 100vw);
  }

  .chatbot-flow__engine {
    height: calc(109 / 393 * 100vw);
    width: calc(191 / 393 * 100vw);
  }
  .chatbot-flow__engine img {
    width: calc(138 / 393 * 100vw);
  }

  .chatbot-flow__arrows2 {
    flex-direction: row;
    gap: calc(48 / 393 * 100vw);
  }

  .chatbot-flow__dest {
    align-items: flex-start;
    flex-direction: row;
    gap: calc(20 / 393 * 100vw);
    justify-content: center;
    width: 100%;
  }

  .chatbot-flow__dest-row {
    align-items: center;
    flex: 1;
    flex-direction: column;
    gap: calc(14 / 393 * 100vw);
    justify-content: flex-start;
    min-width: 0;
    padding: 0;
  }
  .chatbot-flow__dest-row:first-child .chatbot-flow__dest-logo {
    width: calc(150 / 393 * 100vw);
  }
  .chatbot-flow__dest-row:last-child .chatbot-flow__dest-logo {
    width: calc(105 / 393 * 100vw);
  }

  .chatbot-flow__dest-body {
    align-items: center;
    gap: calc(12 / 393 * 100vw);
  }

  .chatbot-flow__dest-text {
    font-size: calc(18 / 393 * 100vw);
    text-align: center;
  }

  .chatbot-flow__badge {
    font-size: calc(15 / 393 * 100vw);
    line-height: calc(18.3 / 393 * 100vw);
    padding: calc(8 / 393 * 100vw) calc(18 / 393 * 100vw);
  }

  /* ---------- REASON ---------- */
  .chatbot-reason__content {
    padding: calc(56 / 393 * 100vw) 0 calc(56 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-reason__card {
    border-radius: calc(16 / 393 * 100vw);
    margin-top: calc(16 / 393 * 100vw);
    padding: calc(20 / 393 * 100vw);
  }
  .chatbot-reason__card:nth-of-type(1) {
    margin-top: calc(16 / 393 * 100vw);
  }

  .chatbot-reason__card-head {
    gap: calc(8 / 393 * 100vw);
    justify-content: flex-start;
    width: 100%;
  }

  .chatbot-reason__card-number {
    font-size: calc(14 / 393 * 100vw);
    height: calc(28 / 393 * 100vw);
    width: calc(28 / 393 * 100vw);
  }

  .chatbot-reason__card-title {
    font-size: calc(18 / 393 * 100vw);
  }

  .chatbot-reason__card-desc {
    color: #636363;
    font-size: calc(13 / 393 * 100vw);
    line-height: calc(22 / 393 * 100vw);
    margin-top: calc(16 / 393 * 100vw);
    text-align: left;
  }

  .chatbot-reason__card-figure {
    margin-top: calc(16 / 393 * 100vw);
  }
  .chatbot-reason__card-figure img {
    width: calc(321 / 393 * 100vw);
  }
  .chatbot-reason__card-figure img.only-sp {
    border-radius: calc(10 / 393 * 100vw);
    box-shadow: 0 calc(4 / 393 * 100vw) calc(15 / 393 * 100vw) rgba(20, 50, 70, 0.14);
    width: calc(321 / 393 * 100vw);
  }
  .chatbot-reason__card-figure--wide img {
    width: calc(261 / 393 * 100vw);
  }
  .chatbot-reason__card-figure--browser img {
    border-radius: calc(9.5 / 393 * 100vw);
    box-shadow: 0 calc(8.1 / 393 * 100vw) calc(21.6 / 393 * 100vw) rgba(20, 50, 70, 0.16);
    width: calc(311.2 / 393 * 100vw);
  }

  /* ---------- USE CASE ---------- */
  .chatbot-usecase__content {
    padding: calc(56 / 393 * 100vw) 0 calc(56 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-usecase__cols {
    flex-direction: column;
    gap: calc(20 / 393 * 100vw);
    margin-top: calc(32 / 393 * 100vw);
    width: 100%;
  }

  .chatbot-usecase__col {
    border-radius: calc(14 / 393 * 100vw);
    box-shadow: 0 calc(4 / 393 * 100vw) calc(18 / 393 * 100vw) rgba(0, 60, 90, 0.09);
  }

  .chatbot-usecase__col-head {
    font-size: calc(20 / 393 * 100vw);
    padding: calc(12 / 393 * 100vw) calc(20 / 393 * 100vw);
  }

  .chatbot-usecase__list {
    gap: calc(2 / 393 * 100vw);
    padding: calc(16 / 393 * 100vw) calc(42 / 393 * 100vw);
  }
  .chatbot-usecase__list li {
    font-size: calc(16 / 393 * 100vw);
    line-height: calc(32.25 / 393 * 100vw);
    padding-left: calc(32 / 393 * 100vw);
    white-space: normal;
  }

  .chatbot-usecase__icon {
    height: calc(24 / 393 * 100vw);
    width: calc(24 / 393 * 100vw);
  }
  .chatbot-usecase__icon img {
    height: calc(16 / 393 * 100vw);
    width: calc(16 / 393 * 100vw);
  }

  /* ---------- EFFECT ---------- */
  .chatbot-effect {
    background-color: #E5F7FD;
  }

  .chatbot-effect__content {
    gap: calc(32 / 393 * 100vw);
    padding: calc(56 / 393 * 100vw) 0;
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-effect__panel {
    background-color: transparent;
    border-radius: 0;
    gap: calc(12 / 393 * 100vw);
    padding: 0;
  }

  .chatbot-effect__row {
    display: contents;
  }

  .chatbot-effect__panel {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .chatbot-effect__card {
    border-radius: calc(10 / 393 * 100vw);
    flex: none;
    gap: calc(16 / 393 * 100vw);
    height: calc(160 / 393 * 100vw);
    padding: calc(20 / 393 * 100vw) calc(14 / 393 * 100vw);
    width: calc(50% - calc(6 / 393 * 100vw));
  }

  .chatbot-effect__row--2col .chatbot-effect__card {
    height: calc(160 / 393 * 100vw);
  }
  .chatbot-effect__row--2col .chatbot-effect__card:last-child {
    width: 100%;
  }

  .chatbot-effect__card-icon {
    height: calc(63 / 393 * 100vw);
  }

  .chatbot-effect__card-label {
    font-size: calc(16 / 393 * 100vw);
  }

  /* ---------- PRICE ---------- */
  .chatbot-price__content {
    padding: calc(56 / 393 * 100vw) 0;
    width: calc(361 / 393 * 100vw);
  }

  .chatbot-price__cards {
    flex-direction: column;
    gap: calc(32 / 393 * 100vw);
    margin-top: calc(32 / 393 * 100vw);
  }

  .chatbot-price__card {
    border-radius: calc(16 / 393 * 100vw);
    border-width: calc(2.6 / 393 * 100vw);
    gap: calc(26 / 393 * 100vw);
    padding: calc(57 / 393 * 100vw) calc(28 / 393 * 100vw) calc(28 / 393 * 100vw);
  }

  .chatbot-price__badge {
    font-size: calc(23.3 / 393 * 100vw);
    line-height: calc(28 / 393 * 100vw);
    padding: calc(13 / 393 * 100vw) calc(89.6 / 393 * 100vw);
    top: calc(-22 / 393 * 100vw);
  }

  .chatbot-price__card-body {
    gap: calc(20 / 393 * 100vw);
  }

  .chatbot-price__title-main {
    font-size: calc(22 / 393 * 100vw);
  }

  .chatbot-price__title-sub {
    font-size: calc(16 / 393 * 100vw);
  }

  .chatbot-price__number {
    font-size: calc(46 / 393 * 100vw);
    line-height: calc(49.6 / 393 * 100vw);
  }

  .chatbot-price__unit {
    font-size: calc(20.7 / 393 * 100vw);
  }

  .chatbot-price__notes {
    border-top-width: calc(1.3 / 393 * 100vw);
    padding-top: calc(19.4 / 393 * 100vw);
  }
  .chatbot-price__notes li {
    font-size: calc(12.9 / 393 * 100vw);
  }

  .chatbot-price__link a {
    font-size: calc(18.1 / 393 * 100vw);
    gap: calc(7.8 / 393 * 100vw);
    line-height: calc(34.4 / 393 * 100vw);
    text-align: left;
  }

  .chatbot-price__link-circle {
    height: calc(25.9 / 393 * 100vw);
    width: calc(25.9 / 393 * 100vw);
  }

  /* ---------- CTA ---------- */
  .chatbot-cta__note {
    font-size: calc(14 / 393 * 100vw);
    line-height: calc(22 / 393 * 100vw);
    width: calc(361 / 393 * 100vw);
  }

  /* ---------- FOOTER ---------- */
  .chatbot-footer {
    padding: calc(40 / 393 * 100vw) calc(16 / 393 * 100vw) calc(32 / 393 * 100vw);
  }

  .chatbot-footer__inner {
    gap: 0;
    width: 100%;
  }

  .chatbot-footer__row {
    align-items: flex-start;
    flex-direction: column;
  }

  .chatbot-footer__brand {
    gap: 0;
    width: 100%;
  }

  .chatbot-footer__logo img {
    width: calc(140 / 393 * 100vw);
  }

  .chatbot-footer__tagline {
    font-size: calc(14 / 393 * 100vw);
    line-height: calc(17 / 393 * 100vw);
    margin-top: calc(20 / 393 * 100vw);
  }

  .chatbot-footer__sns {
    gap: calc(16 / 393 * 100vw);
    margin-top: calc(20 / 393 * 100vw);
    padding-top: 0;
  }
  .chatbot-footer__sns img {
    width: calc(32 / 393 * 100vw);
  }

  .chatbot-footer__nav {
    gap: calc(16 / 393 * 100vw);
    margin-top: calc(32 / 393 * 100vw);
    width: 100%;
  }
  .chatbot-footer__nav a {
    font-size: calc(14 / 393 * 100vw);
    line-height: calc(19 / 393 * 100vw);
  }
  .chatbot-footer__nav--1, .chatbot-footer__nav--2 {
    margin-left: 0;
  }
  .chatbot-footer__nav--2 {
    margin-top: calc(16 / 393 * 100vw);
  }

  .chatbot-footer__btns {
    gap: calc(12 / 393 * 100vw);
    margin-left: 0;
    margin-top: calc(32 / 393 * 100vw);
    width: 100%;
  }

  .chatbot-footer__btn {
    border-radius: calc(2 / 393 * 100vw);
    font-size: calc(14 / 393 * 100vw);
    padding: calc(12 / 393 * 100vw) calc(3 / 393 * 100vw);
  }

  .chatbot-footer__copyright {
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    font-size: calc(12 / 393 * 100vw);
    margin-top: calc(32 / 393 * 100vw);
    padding-top: calc(32 / 393 * 100vw);
  }
}

/*# sourceMappingURL=chatbot.css.map */