@charset "UTF-8";
/* Reset.css */
body {
  color: #333333;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "a-otf-ud-shin-go-pr6n", "meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
}

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1.6;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  height: auto;
  width: 100%;
}

:root {
  --color-black: #000;
  --color-blue: #34e0ff;
  --color-gray: #aaa;
  --color-white: #fff;
  --color-navy: #000048;
  --ff-ls-b: "LINESeedJPStd Bold";
  --ff-ls-eb: "LINESeedJPStd ExtraBold";
  --ff-ls-m: "LINESeedJPStd Regular";
  --ff-ls-t: "LINESeedJPStd Thin";
  --hover-duration: 0.3s;
  --hover-opacity-ratio: 0.6;
  --design-width: 1440;
}
@media (max-width: 1023px) {
  :root {
    --design-width: 375;
  }
}

body {
  font-family: "LINESeedJPStd Regular", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt";
}

html {
  scroll-behavior: smooth;
}

img {
  height: auto;
  max-width: 100%;
  width: auto;
}

.pc-only {
  display: block;
}
@media (max-width: 1023px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 1023px) {
  .sp-only {
    display: block !important;
  }
}

main,
main * {
  letter-spacing: 0.02em;
}

.header {
  background-color: var(--color-white);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.header__inner {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 86px;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 clamp(24px, 13.4615vw - 113.846px, 80px);
  position: relative;
  width: 100%;
}

.header__logo {
  flex-shrink: 0;
  line-height: 0;
  width: clamp(190px, 24.2788vw - 58.615px, 291px);
}

.header__logoImage {
  display: block;
  height: auto;
  width: 100%;
}

.header__navigationList {
  align-items: center;
  display: flex;
  gap: clamp(8px, 4.8077vw - 41.231px, 28px);
}

.header__navigationItem {
  flex-shrink: 0;
}

.header__navigationLink {
  align-items: center;
  color: #020407;
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  gap: 7px;
  line-height: 1;
  white-space: nowrap;
}

.header__navigationIcon {
  display: block;
  height: 20px;
  width: 20px;
}

.header__cta {
  align-items: center;
  background-color: var(--color-black);
  border: 2px solid var(--color-black);
  border-radius: 100px;
  box-sizing: border-box;
  color: var(--color-white);
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  justify-content: center;
  line-height: 1;
  padding: 11px clamp(16px, 1.6827vw - 1.231px, 23px);
  transition: background-color var(--hover-duration), color var(--hover-duration);
  white-space: nowrap;
  letter-spacing: 0.04em;
}

.header__cta:hover,
.header__cta:focus-visible {
  background-color: var(--color-white);
  color: var(--color-black);
}

.header__menuButton {
  display: none;
}

.header__menuIcon {
  display: block;
  height: 24px;
  width: 24px;
}

.header__menuIcon--close {
  display: none;
}

.keyVisual {
  background-color: #fafafa;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 53.555%, rgba(255, 255, 255, 0.7) 100%), url("/sites/default/files/media/jp/agent-i/biz/img/bg_kv_pc.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 578px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.keyVisual__inner {
  --keyVisual-leftSpace: clamp(40px, 8.3333vw, 120px);
  --keyVisual-titleWidth: clamp(320px, 32.9861vw, 475px);
  --keyVisual-copyWidth: max(360px, var(--keyVisual-titleWidth));
  --keyVisual-rightSpace: clamp(24px, 5.5556vw, 80px);
  height: 100%;
  margin: 0 auto;
  max-width: 1440px;
  position: relative;
}

.keyVisual__title {
  left: var(--keyVisual-leftSpace);
  line-height: 0;
  position: absolute;
  top: 110px;
  width: var(--keyVisual-titleWidth);
  z-index: 1;
}

.keyVisual__titleImage {
  display: block;
  height: auto;
  width: 100%;
}

.keyVisual__lead {
  background-image: linear-gradient(90deg, #1a75ff 0%, #00e65e 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--ff-ls-b);
  font-size: 2rem;
  left: calc(var(--keyVisual-leftSpace) + 2px);
  line-height: 1.5;
  position: absolute;
  top: 244px;
  width: var(--keyVisual-copyWidth);
  z-index: 1;
  -webkit-background-clip: text;
}

.keyVisual__leadLine {
  display: block;
}

.keyVisual__visual {
  display: block;
  left: auto;
  line-height: 0;
  position: absolute;
  right: var(--keyVisual-rightSpace);
  top: 50%;
  transform: translateY(-50%);
  width: min(720px, 100% - var(--keyVisual-leftSpace) - var(--keyVisual-copyWidth) - 25px - var(--keyVisual-rightSpace));
}

.keyVisual__chat {
  border-radius: 3.8%/4.9%;
  box-shadow: 0px 14px 40px 0px rgba(16, 24, 40, 0.08);
  display: block;
  margin-left: auto;
  position: relative;
  right: 2.7778%;
  top: auto;
  width: 83.3333%;
}

.keyVisual__chatImage {
  display: block;
  height: auto;
  width: 100%;
}

.keyVisual__animationCanvas {
  display: block;
  height: auto;
  left: -5.2203%;
  position: absolute;
  top: -25.1283%;
  width: 103.4483%;
  z-index: 1;
}

.keyVisual__cta {
  align-items: center;
  background-color: var(--color-black);
  border: 3px solid var(--color-black);
  border-radius: 100px;
  box-sizing: border-box;
  color: var(--color-white);
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 1.25rem;
  height: 59px;
  justify-content: center;
  left: var(--keyVisual-leftSpace);
  line-height: 1.4;
  position: absolute;
  top: 372px;
  transition: background-color var(--hover-duration), color var(--hover-duration);
  transform-origin: center;
  width: 270px;
  z-index: 1;
}

.keyVisual__cta--bounce {
  animation: keyVisualCtaBounce 0.7s linear 1;
}

.keyVisual__cta:hover,
.keyVisual__cta:focus-visible {
  background-color: var(--color-white);
  color: var(--color-black);
}

.keyVisual__note {
  bottom: 9px;
  font-size: 0.75rem;
  line-height: 30px;
  position: absolute;
  right: 120px;
  text-align: right;
}

@keyframes keyVisualCtaBounce {
  0% {
    transform: scale(1, 1);
  }
  14.3% {
    transform: scale(0.98, 0.92);
  }
  28.6% {
    transform: scale(0.93, 1.03);
  }
  42.9% {
    transform: scale(1.07, 1.07);
  }
  57.1% {
    transform: scale(1.06, 0.98);
  }
  71.4% {
    transform: scale(0.95, 0.96);
  }
  85.7% {
    transform: scale(0.98, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.consultationExamples {
  background-color: #1a75ff;
  background-image: url("/sites/default/files/media/jp/agent-i/biz/img/bg_consultationExamples.svg"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 934' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-28.65 -3.45 5.8037 -43.715 1425 709.25)'%3E%3Cstop stop-color='rgb(24,94,241)'/%3E%3Cstop offset='1' stop-color='rgb(24,94,241)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 934' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(42.05 37.95 -58.771 63.551 40.5 23.248)'%3E%3Cstop stop-color='rgb(24,94,241)'/%3E%3Cstop offset='1' stop-color='rgb(24,94,241)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 934' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-37.35 -50.649 78.089 -56.133 748.5 681)'%3E%3Cstop stop-color='rgb(255,255,255)'/%3E%3Cstop offset='.25' stop-color='rgb(191,249,215)' stop-opacity='.75'/%3E%3Cstop offset='.5' stop-color='rgb(128,243,175)' stop-opacity='.5'/%3E%3Cstop offset='.75' stop-color='rgb(64,236,134)' stop-opacity='.25'/%3E%3Cstop offset='1' stop-color='rgb(0,230,94)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), linear-gradient(90deg, #1a75ff 0%, #1a75ff 100%);
  background-position: center top, center, center, center, center;
  background-repeat: repeat-x, no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 1440px 934px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-blend-mode: overlay, normal, normal, normal, normal;
  box-sizing: border-box;
  overflow: hidden;
  padding: 100px 0 83px;
}

.consultationExamples__inner {
  margin: 0 auto;
  max-width: 1200px;
  width: calc(100% - 48px);
}

.consultationExamples__title {
  color: var(--color-white);
  font-family: var(--ff-ls-eb);
  font-size: 2.5rem;
  line-height: 56px;
}

.consultationExamples__description {
  color: var(--color-white);
  font-family: var(--ff-ls-b);
  font-size: 1rem;
  line-height: 1.7;
  margin-top: 20px;
  word-break: break-word;
}

.consultationExamples__carousel {
  margin-top: 40px;
}

.consultationExamples__track {
  align-items: flex-start;
  display: grid;
  gap: 21px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.consultationExamples__card {
  align-items: stretch;
  background-color: var(--color-white);
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 400px;
  padding: 32px;
  width: 100%;
}

.consultationExamples__track:not(.consultationExamples__track--started) {
  align-items: stretch;
}

.consultationExamples__category {
  color: #1a75ff;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  line-height: 25.2px;
}

.consultationExamples__cardTitle {
  color: #010205;
  font-family: var(--ff-ls-b);
  font-size: 1.75rem;
  line-height: 40px;
  padding-top: 12px;
}

.consultationExamples__cardDescription {
  box-sizing: border-box;
  color: #111;
  font-size: 0.875rem;
  line-height: 1.7;
  padding: 10px 0 30px;
}

.consultationExamples__demoLabel {
  color: rgba(0, 0, 0, 0.28);
  font-family: var(--ff-ls-b);
  font-size: 0.75rem;
  line-height: 1.7;
  padding-bottom: 4px;
}

.consultationExamples__input {
  border: 1px solid rgba(0, 0, 0, 0.28);
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 96px;
  padding: 14px 10px 10px 15px;
  position: relative;
}

.consultationExamples__question {
  color: #000;
  font-size: 0.9375rem;
  line-height: 26px;
  padding-right: 4px;
}

.consultationExamples__sendButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-image: url("/sites/default/files/media/jp/agent-i/biz/img/icon_arrow_blue.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  flex-shrink: 0;
  height: 32px;
  bottom: 10px;
  position: absolute;
  right: 10px;
  transition: opacity var(--hover-duration), transform var(--hover-duration);
  width: 32px;
}

.consultationExamples__sendButton:hover,
.consultationExamples__sendButton:focus-visible {
  opacity: var(--hover-opacity-ratio);
}

.consultationExamples__sendButton:active {
  transform: scale(0.9);
}

.consultationExamples__sendButton:disabled {
  background-image: url("/sites/default/files/media/jp/agent-i/biz/img/icon_arrow_gray.svg");
  cursor: default;
  opacity: 1;
  pointer-events: none;
}

.consultationExamples__answerReveal {
  display: grid;
  flex-shrink: 0;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.45s ease;
}

.consultationExamples__answerClip {
  display: flow-root;
  min-height: 0;
  overflow: hidden;
}

.consultationExamples__card--expanded .consultationExamples__answerReveal {
  grid-template-rows: 1fr;
}

.consultationExamples__card--expanded:not(.consultationExamples__card--pending) .consultationExamples__answerClip {
  overflow: visible;
}

.consultationExamples__answer {
  --consultation-answer-scale: 1;
  --consultation-answer-tail-offset: -10.2784px;
  --consultation-answer-tail-width: 10.2784px;
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 12px;
  box-sizing: border-box;
  display: none;
  gap: 12px;
  isolation: isolate;
  margin-top: 15px;
  min-height: 107px;
  padding: 18px 12px;
  position: relative;
}

.consultationExamples__answer::before,
.consultationExamples__answer::after {
  content: none;
}

.consultationExamples__answerShape {
  height: 100%;
  left: var(--consultation-answer-tail-offset);
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: calc(100% + var(--consultation-answer-tail-width));
  z-index: 0;
}

.consultationExamples__answerIcon,
.consultationExamples__answerCopy {
  position: relative;
  z-index: 1;
}

.consultationExamples__card--generating .consultationExamples__answer,
.consultationExamples__card--answer .consultationExamples__answer {
  display: flex;
}

.consultationExamples__card--pending .consultationExamples__answer {
  visibility: hidden;
}

.consultationExamples__card--generating.consultationExamples__card--running .consultationExamples__answer {
  animation: consultationAnswerPop 0.45s cubic-bezier(0.3, 1.4, 0.5, 1) both;
}

.consultationExamples__answerIcon {
  display: block;
  flex-shrink: 0;
  height: 29px;
  width: 31px;
}

.consultationExamples__answerCopy {
  color: #1a75ff;
  flex: 1;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  line-height: 21px;
  min-width: 0;
}

.consultationExamples__answerCopy[data-answer] {
  display: grid;
}

.consultationExamples__answerCopy[data-answer]::before {
  content: attr(data-answer);
  grid-area: 1/1;
  visibility: hidden;
}

.consultationExamples__answerCopy[data-answer] .consultationExamples__answerText {
  grid-area: 1/1;
}

.consultationExamples__loadingText,
.consultationExamples__answerText {
  display: none;
}

.consultationExamples__card--generating .consultationExamples__loadingText,
.consultationExamples__card--answer .consultationExamples__answerText {
  display: inline;
}

.consultationExamples__loadingDots {
  display: inline-flex;
}

.consultationExamples__loadingDot {
  opacity: 1;
}

.consultationExamples__card--running .consultationExamples__loadingDot:nth-child(1) {
  animation: consultationLoadingDotOne 1.5s linear infinite;
}

.consultationExamples__card--running .consultationExamples__loadingDot:nth-child(2) {
  animation: consultationLoadingDotTwo 1.5s linear infinite;
}

.consultationExamples__card--running .consultationExamples__loadingDot:nth-child(3) {
  animation: consultationLoadingDotThree 1.5s linear infinite;
}

.consultationExamples__pagination {
  display: none;
}

.feature {
  background-color: var(--color-white);
  box-sizing: border-box;
  overflow: hidden;
  padding: 98px 0 131px;
  position: relative;
}

.feature__inner {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  width: calc(100% - 48px);
  z-index: 1;
}

.feature__heading {
  width: 100%;
}

.feature__label,
.feature__title {
  background-image: linear-gradient(90deg, #1a75ff 0%, #00a981 100%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feature__label {
  display: inline-block;
  font-family: var(--ff-ls-eb);
  font-size: 0.6875rem;
  line-height: 20px;
  width: -moz-fit-content;
  width: fit-content;
}

.feature__title {
  font-family: var(--ff-ls-eb);
  font-size: 2.5rem;
  line-height: 56px;
  margin-top: 20px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.feature__list {
  display: flex;
  flex-direction: column;
  gap: 100px;
  margin-top: 77px;
}

.feature__item {
  align-items: flex-end;
  display: flex;
  gap: 40px;
  isolation: isolate;
  min-height: 370px;
  position: relative;
  width: 100%;
}

.feature__item--reverse {
  flex-direction: row-reverse;
}

.feature__item::before {
  background-image: linear-gradient(-79.089deg, rgba(26, 117, 255, 0.1) 11.235%, rgba(0, 230, 94, 0.1) 94.367%);
  border-radius: 141.008px;
  content: "";
  filter: blur(73.147px);
  height: 282.017px;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  transform: rotate(153.33deg);
  width: 717.302px;
  z-index: -1;
}

.feature__item:nth-child(1)::before {
  left: -329px;
  top: 31px;
}

.feature__item:nth-child(2)::before {
  left: 794px;
  top: -7px;
}

.feature__item:nth-child(3)::before {
  left: -329px;
  top: 306px;
}

.feature__copy {
  display: flex;
  flex: 0 1 453px;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  position: relative;
  width: 453px;
  z-index: 1;
}

.feature__number {
  color: #1a75ff;
  font-family: var(--ff-ls-eb);
  font-size: 1.375rem;
  line-height: 22px;
}

.feature__itemTitle {
  color: var(--color-black);
  font-family: var(--ff-ls-b);
  font-size: 2.125rem;
  line-height: 1.5;
}

.feature__description {
  color: var(--color-black);
  font-size: 1.125rem;
  line-height: 2;
}

.feature__visual {
  border-radius: 20px;
  flex: 0 1 707px;
  line-height: 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
  width: 707px;
  z-index: 1;
}

.feature__image {
  display: block;
  height: auto;
  width: 100%;
}

.answerSources {
  background-color: var(--color-black);
  background-image: radial-gradient(ellipse 1880px 2936px at 165.14% 39.84%, rgba(26, 117, 255, 0.35) 0%, rgba(26, 117, 255, 0) 100%);
  box-sizing: border-box;
  color: var(--color-white);
  overflow: hidden;
  padding: 99px 0;
  position: relative;
}

.answerSources::before {
  background-image: url("/sites/default/files/media/jp/agent-i/biz/img/bg_answerSources_pc.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 854px;
  mix-blend-mode: overlay;
  opacity: 0.7;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 1012px;
}

.answerSources__inner {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  width: calc(100% - 48px);
  z-index: 1;
}

.answerSources__heading {
  width: 100%;
}

.answerSources__label {
  background-image: linear-gradient(90deg, #58a2ff 0%, #5eff9f 100%);
  background-clip: text;
  color: transparent;
  display: block;
  font-family: var(--ff-ls-eb);
  font-size: 0.6875rem;
  line-height: 20px;
  white-space: nowrap;
  width: 105px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.answerSources__title {
  font-family: var(--ff-ls-eb);
  font-size: 2.5rem;
  line-height: 56px;
  margin-top: 20px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.answerSources__lead {
  font-size: 1rem;
  line-height: 27.2px;
  margin-top: 20px;
}

.answerSources__list {
  display: grid;
  grid-template-columns: minmax(0, 274fr) minmax(0, 326fr) minmax(0, 325fr) minmax(0, 274fr);
  margin-top: 54px;
  width: min(1199px, 100%);
}

.answerSources__item {
  box-sizing: border-box;
  min-width: 0;
  padding-top: 21px;
}

.answerSources__item + .answerSources__item {
  border-left: 1px solid rgba(255, 255, 255, 0.52);
}

.answerSources__item:nth-child(2) {
  padding-left: 39px;
}

.answerSources__item:nth-child(3) {
  padding-left: 36px;
}

.answerSources__item:nth-child(4) {
  padding-left: 34px;
}

.answerSources__iconBox {
  align-items: flex-start;
  display: flex;
  height: 42px;
}

.answerSources__icon {
  display: block;
  height: auto;
  max-width: none;
  width: auto;
}

.answerSources__item:nth-child(2) .answerSources__icon,
.answerSources__item:nth-child(3) .answerSources__icon {
  transform: translateY(2px);
}

.answerSources__item:nth-child(4) .answerSources__icon {
  transform: translateY(1px);
}

.answerSources__itemTitle {
  font-family: var(--ff-ls-b);
  font-size: 1.25rem;
  line-height: 20px;
  margin-top: 10px;
}

.answerSources__description {
  font-size: 1rem;
  line-height: 24px;
  margin-top: 10px;
  max-width: 100%;
  width: 230px;
}

.answerSources__scope {
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 558fr) minmax(0, 559fr);
  margin-left: 2px;
  margin-top: 68px;
  position: relative;
  width: calc(100% - 3px);
}

.answerSources__panel {
  border-radius: 14px;
  box-sizing: border-box;
  min-height: 217px;
  overflow: hidden;
  padding: 29px 31px;
  position: relative;
}

.answerSources__panel--current {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid var(--color-white);
}

.answerSources__panel--future {
  background-clip: padding-box;
  background-image: linear-gradient(164.7935deg, rgba(26, 117, 255, 0.18) 6.1733%, rgba(15, 164, 187, 0.155) 50%, rgba(0, 230, 94, 0.13) 93.827%);
  border: 2px solid transparent;
}

.answerSources__panel--future::before {
  background-image: linear-gradient(90deg, #58a2ff 0%, #5eff9f 100%);
  border-radius: inherit;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  padding: 2px;
  pointer-events: none;
  position: absolute;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
}

.answerSources__panelLabel {
  align-items: center;
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  gap: 8px;
  line-height: 19px;
}

.answerSources__panelBullet {
  background-color: var(--color-white);
  border-radius: 50%;
  flex-shrink: 0;
  height: 7px;
  width: 7px;
}

.answerSources__panelLabel--future {
  background-image: linear-gradient(90deg, #58a2ff 0%, #5eff9f 100%);
  background-clip: text;
  color: transparent;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.answerSources__panelLabel--future .answerSources__panelBullet {
  background-image: linear-gradient(90deg, #58a2ff 0%, #5eff9f 100%);
}

.answerSources__panelTitle {
  font-family: var(--ff-ls-b);
  font-size: 1.6875rem;
  line-height: 40.5px;
  margin-top: 13px;
}

.answerSources__arrow {
  display: block;
  height: 13px;
  left: 50%;
  max-width: none;
  position: absolute;
  top: 92px;
  transform: translateX(-50%);
  width: 49px;
}

.answerSources__note {
  bottom: 6px;
  font-size: 0.625rem;
  line-height: 17px;
  position: absolute;
  right: 12px;
}

.gettingStarted {
  background-color: var(--color-white);
  box-sizing: border-box;
  color: var(--color-black);
  padding: 99px 0 83px;
}

.gettingStarted__inner {
  margin: 0 auto;
  max-width: 1200px;
  width: calc(100% - 48px);
}

.gettingStarted__label {
  background-image: linear-gradient(90deg, #1a75ff 0%, #00a981 100%);
  background-clip: text;
  color: transparent;
  display: block;
  font-family: var(--ff-ls-eb);
  font-size: 0.6875rem;
  line-height: 20px;
  white-space: nowrap;
  width: 99px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gettingStarted__title {
  font-family: var(--ff-ls-eb);
  font-size: 2.5rem;
  line-height: 56px;
  margin-top: 20px;
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
}

.gettingStarted__lead {
  font-family: var(--ff-ls-b);
  font-size: 1rem;
  line-height: 27.2px;
  margin-top: 20px;
}

.gettingStarted__steps {
  display: grid;
  gap: 35px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 43px;
}

.gettingStarted__step {
  background-color: rgba(26, 117, 255, 0.06);
  border-radius: 15.5px;
  box-sizing: border-box;
  padding: 23px;
  position: relative;
}

.gettingStarted__step:not(:last-child)::after {
  color: #1a75ff;
  content: "→";
  font-size: 1.5625rem;
  font-weight: 400;
  left: 100%;
  line-height: 42px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
}

.gettingStarted__step--middle {
  background-color: rgba(26, 117, 255, 0.14);
}

.gettingStarted__step--primary {
  background-color: #1a75ff;
  color: var(--color-white);
}

.gettingStarted__stepLabel {
  font-family: var(--ff-ls-eb);
  font-size: 0.710625rem;
  line-height: 19.33px;
}

.gettingStarted__stepTitle {
  font-family: var(--ff-ls-b);
  font-size: 1.375rem;
  line-height: 31.63px;
  margin-top: 10px;
}

.gettingStarted__stepDescription {
  font-size: 0.875rem;
  line-height: 22.84px;
  margin-top: 7px;
}

.gettingStarted__manualLink {
  align-items: center;
  color: #0157d5;
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  gap: 7px;
  line-height: 18.2px;
  margin-top: 4px;
  width: -moz-fit-content;
  width: fit-content;
}

.gettingStarted__manualLink:hover,
.gettingStarted__manualLink:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.gettingStarted__manualIcon {
  display: block;
  flex-shrink: 0;
  height: 8px;
  width: 5px;
}

.gettingStarted__notes {
  font-size: 0.75rem;
  line-height: 20.4px;
  margin: 42px 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

.callToAction {
  background-color: var(--color-white);
  box-sizing: border-box;
  padding: 15.75px 16px 15.25px;
}

.callToAction__panel {
  align-items: center;
  background-image: linear-gradient(90deg, #1a75ff 0%, #00e65e 100%);
  border-radius: 30px;
  box-sizing: border-box;
  display: flex;
  margin: 0 auto;
  max-width: 1408px;
  padding: 40px 0;
}

.callToAction__inner {
  align-items: center;
  display: flex;
  gap: clamp(24px, 4vw, 64px);
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1243px;
  width: calc(100% - 48px);
}

.callToAction__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}

.callToAction__title {
  color: var(--color-white);
  font-family: var(--ff-ls-b);
  font-size: 2.5rem;
  line-height: 1.3;
}

.callToAction__links {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  padding-left: 5px;
}

.callToAction__link {
  align-items: center;
  color: var(--color-white);
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 1rem;
  gap: 7px;
  line-height: 1.3;
  width: -moz-fit-content;
  width: fit-content;
}

.callToAction__link:hover,
.callToAction__link:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.callToAction__linkIcon {
  display: block;
  filter: brightness(0) invert(1);
  flex-shrink: 0;
  height: 8px;
  width: 5px;
}

.callToAction__button {
  align-items: center;
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 70px;
  box-sizing: border-box;
  color: var(--color-black);
  display: flex;
  flex-shrink: 0;
  font-family: var(--ff-ls-b);
  font-size: 1.25rem;
  gap: 42px;
  justify-content: center;
  line-height: 1.4;
  min-height: 55px;
  padding: 15px 31px;
  transition: background-color var(--hover-duration), color var(--hover-duration);
}

.callToAction__button:hover,
.callToAction__button:focus-visible {
  background-color: var(--color-black);
  border-color: transparent;
  color: var(--color-white);
}

.callToAction__buttonLabel {
  min-width: 0;
}

.callToAction__buttonIcon {
  flex-shrink: 0;
  height: 24px;
  position: relative;
  width: 24px;
}

.callToAction__buttonIconImage {
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  transition: opacity var(--hover-duration);
  width: 100%;
}

.callToAction__buttonIconImage--hover {
  opacity: 0;
}

.callToAction__button:hover .callToAction__buttonIconImage--default,
.callToAction__button:focus-visible .callToAction__buttonIconImage--default {
  opacity: 0;
}

.callToAction__button:hover .callToAction__buttonIconImage--hover,
.callToAction__button:focus-visible .callToAction__buttonIconImage--hover {
  opacity: 1;
}

.faq {
  background-color: #f3f3f3;
  box-sizing: border-box;
  padding: 16px;
}

.faq__panel {
  align-items: start;
  background-color: var(--color-white);
  border-radius: 28px;
  box-sizing: border-box;
  display: grid;
  margin: 0 auto;
  max-width: 1408px;
  gap: 90px;
  grid-template-columns: 272px minmax(0, 1fr);
  padding: 66px 80px;
}

.faq__title {
  color: #010205;
  font-family: var(--ff-ls-b);
  font-size: 2.5rem;
  line-height: 1.3;
}

.faq__list {
  min-width: 0;
}

.faq__item {
  border-bottom: 1px solid #010205;
}

.faq__item:first-child {
  border-top: 1px solid #010205;
}

.faq__trigger {
  align-items: center;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
  color: #010205;
  cursor: pointer;
  display: flex;
  font-family: var(--ff-ls-b);
  font-size: 1.25rem;
  gap: 24px;
  justify-content: space-between;
  line-height: 1.5;
  padding: 29px 24px;
  text-align: left;
  transition: padding-bottom var(--hover-duration) ease;
  width: 100%;
}

.faq__item--open .faq__trigger {
  padding-bottom: 20px;
}

.faq__questionText {
  min-width: 0;
}

.faq__icon {
  flex-shrink: 0;
  height: 24px;
  position: relative;
  width: 24px;
}

.faq__icon::before,
.faq__icon::after {
  background-color: #010205;
  content: "";
  height: 1.5px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity var(--hover-duration), transform var(--hover-duration);
  width: 12px;
}

.faq__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq__item--open .faq__icon::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(0deg);
}

.faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--hover-duration) ease, visibility 0s linear var(--hover-duration);
  visibility: hidden;
}

.faq__item--open .faq__answer {
  grid-template-rows: 1fr;
  transition-delay: 0s;
  visibility: visible;
}

.faq__answerInner {
  min-height: 0;
  overflow: hidden;
}

.faq__answerText {
  color: var(--color-black);
  font-size: 1rem;
  line-height: 1.6;
  padding: 0 24px 18px;
}

.footer {
  background-color: #fafafa;
  color: #192031;
}

.footer__inner {
  align-content: start;
  box-sizing: border-box;
  display: grid;
  grid-template-areas: "brand empty" "links copyright";
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 50px 80px;
  row-gap: 40px;
}

.footer__brand {
  grid-area: brand;
  line-height: 0;
  min-width: 0;
}

.footer__logo {
  display: block;
  height: auto;
  max-width: 100%;
  width: 455.263px;
}

.footer__links {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 50px;
  grid-area: links;
  min-width: 0;
}

.footer__linkItem {
  min-width: 0;
}

.footer__link {
  color: #192031;
  display: block;
  font-family: var(--ff-ls-b);
  font-size: 0.875rem;
  letter-spacing: -0.01em;
  line-height: 20px;
}

.footer__copyright {
  align-self: start;
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.875rem;
  font-weight: 400;
  grid-area: copyright;
  letter-spacing: -0.015em;
  line-height: 24px;
  text-align: center;
}

@keyframes consultationAnswerPop {
  0% {
    opacity: 0;
    transform: scale(0.82);
  }
  70% {
    opacity: 1;
    transform: scale(1.04);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes consultationLoadingDotOne {
  0%, 10%, 90%, 100% {
    opacity: 0;
  }
  20%, 80% {
    opacity: 1;
  }
}
@keyframes consultationLoadingDotTwo {
  0%, 30%, 90%, 100% {
    opacity: 0;
  }
  40%, 80% {
    opacity: 1;
  }
}
@keyframes consultationLoadingDotThree {
  0%, 50%, 90%, 100% {
    opacity: 0;
  }
  60%, 80% {
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .page--menuOpen {
    overflow: hidden;
  }
  .header {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  }
  .header__inner {
    height: 64px;
    padding: 0 20px;
    position: static;
    max-width: 375px;
  }
  .header__logo {
    width: 190px;
  }
  .header__navigation {
    background-color: var(--color-white);
    box-sizing: border-box;
    clip-path: inset(0 0 100% 0);
    height: calc(100vh - 64px);
    left: 0;
    opacity: 0;
    overflow-y: auto;
    padding: 12px 24px 24px;
    position: absolute;
    top: 64px;
    transform: translateY(-12px);
    transition: clip-path 0.45s ease, opacity 0.3s ease, transform 0.45s ease, visibility 0s linear 0.45s;
    visibility: hidden;
    width: 100%;
  }
  .header--open .header__navigation {
    clip-path: inset(0);
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
    visibility: visible;
  }
  .header__navigationList {
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    max-width: 327px;
  }
  .header__navigationItem {
    border-bottom: 1px solid #e5eaf0;
    width: 100%;
  }
  .header__navigationItem--cta {
    border-bottom: 0;
    margin-top: 24px;
  }
  .header__navigationLink {
    box-sizing: border-box;
    font-size: 1rem;
    height: 56px;
    justify-content: space-between;
    line-height: 24px;
    width: 100%;
  }
  .header__cta {
    font-size: 0.9375rem;
    height: 52px;
    line-height: 22px;
    padding: 0 20px;
    width: 100%;
  }
  .header__menuButton {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 0;
    width: 24px;
  }
  .header--open .header__menuIcon--open {
    display: none;
  }
  .header--open .header__menuIcon--close {
    display: block;
  }
  .keyVisual {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%), url("/sites/default/files/media/jp/agent-i/biz/img/bg_kv_sp.svg");
    background-position: center, center top;
    background-repeat: no-repeat, repeat-x;
    background-size: 100% 100%, 375px 602px;
    height: 602px;
  }
  .keyVisual__inner {
    max-width: 375px;
  }
  .keyVisual__title {
    left: 50%;
    top: 46px;
    transform: translateX(-50%);
    width: 258px;
  }
  .keyVisual__lead {
    font-size: 1.5rem;
    left: 50%;
    line-height: 35px;
    text-align: center;
    top: 116px;
    transform: translateX(-50%);
    white-space: nowrap;
    width: 100%;
  }
  .keyVisual__visual {
    aspect-ratio: 720/530;
    left: 50%;
    right: auto;
    top: 183px;
    transform: translateX(-50%);
    width: min(375px, 100%);
  }
  .keyVisual__chat {
    border-radius: 4.9%/7%;
    margin-left: 0;
    position: absolute;
    right: 6.4%;
    top: 16.2264%;
    width: 87.2%;
  }
  .keyVisual__animationCanvas {
    left: -13.5959%;
    top: -3.7893%;
    width: 108.2483%;
  }
  .keyVisual__cta {
    font-size: 0.9375rem;
    height: 48px;
    left: calc(50% - 106px);
    line-height: 22px;
    top: 489px;
    width: 212px;
  }
  .keyVisual__note {
    bottom: 13px;
    font-size: 0.5625rem;
    left: 50%;
    line-height: 14px;
    right: auto;
    text-align: center;
    transform: translateX(-50%);
    white-space: normal;
    width: min(327px, 100% - 32px);
  }
  .consultationExamples {
    background-image: url("/sites/default/files/media/jp/agent-i/biz/img/bg_consultationExamples.svg"), url("data:image/svg+xml,%3Csvg viewBox='0 0 375 830' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-7.4609 -3.0658 1.5114 -38.847 371.09 630.27)'%3E%3Cstop stop-color='rgb(24,94,241)'/%3E%3Cstop offset='1' stop-color='rgb(24,94,241)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 375 830' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(10.951 33.724 -15.305 56.474 10.547 20.66)'%3E%3Cstop stop-color='rgb(24,94,241)'/%3E%3Cstop offset='1' stop-color='rgb(24,94,241)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 375 830' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Crect width='100%25' height='100%25' fill='url(%23gradient)'/%3E%3Cdefs%3E%3CradialGradient id='gradient' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(-3.6643 -44.567 25.897 -45.451 194.92 605.17)'%3E%3Cstop stop-color='rgb(255,255,255)' stop-opacity='.6'/%3E%3Cstop offset='.25' stop-color='rgb(191,249,215)' stop-opacity='.45'/%3E%3Cstop offset='.5' stop-color='rgb(128,243,175)' stop-opacity='.3'/%3E%3Cstop offset='.75' stop-color='rgb(64,236,134)' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='rgb(0,230,94)' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E"), linear-gradient(90deg, #1a75ff 0%, #1a75ff 100%);
    background-position: calc(50% + 22.5px) top, center, center, center, center;
    background-size: 1200px 830px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
    min-height: 0;
    padding: 54px 0 67px;
  }
  .consultationExamples__inner {
    max-width: 375px;
    width: 100%;
  }
  .consultationExamples__intro {
    padding: 0 24px;
  }
  .consultationExamples__title {
    font-size: 1.875rem;
    line-height: 40px;
  }
  .consultationExamples__description {
    font-size: 0.8125rem;
    line-height: 21px;
    margin-top: 16px;
  }
  .consultationExamples__carousel {
    --consultation-card-width: min(303px, calc(var(--consultation-carousel-width) - 48px));
    --consultation-carousel-inset: 24px;
    margin-top: 33px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-left: var(--consultation-carousel-inset);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    --consultation-carousel-width: min(375px, 100vw);
  }
  .consultationExamples__carousel::-webkit-scrollbar {
    display: none;
  }
  .consultationExamples__track {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    padding: 0 var(--consultation-carousel-inset);
    padding-right: max(var(--consultation-carousel-inset), var(--consultation-carousel-width) - var(--consultation-card-width) - var(--consultation-carousel-inset));
    width: -moz-max-content;
    width: max-content;
  }
  .consultationExamples__card {
    border-radius: 15.699px;
    flex: 0 0 var(--consultation-card-width);
    min-height: 322px;
    padding: 25.119px;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    width: var(--consultation-card-width);
  }
  .consultationExamples__category {
    font-size: 0.686875rem;
    line-height: 19.781px;
  }
  .consultationExamples__cardTitle {
    font-size: 1.3736875rem;
    line-height: 31.399px;
    padding-top: 9.42px;
  }
  .consultationExamples__cardDescription {
    font-size: 0.75rem;
    line-height: 1.7;
    min-height: 81.61px;
    padding: 7.85px 0 12.56px;
  }
  .consultationExamples__demoLabel {
    font-size: 0.58875rem;
    line-height: 1.7;
    padding-bottom: 3.14px;
  }
  .consultationExamples__input {
    border-width: 0.785px;
    border-radius: 9.42px;
    min-height: 75.358px;
    padding: 11px 8px 8px 12px;
  }
  .consultationExamples__question {
    font-size: 0.7359375rem;
    line-height: 20.409px;
    padding-right: 3px;
  }
  .consultationExamples__sendButton {
    bottom: 8px;
    height: 25.119px;
    right: 8px;
    width: 25.119px;
  }
  .consultationExamples__answer {
    --consultation-answer-scale: 0.785;
    --consultation-answer-tail-offset: -8.068px;
    --consultation-answer-tail-width: 8.068px;
    border-radius: 9.42px;
    gap: 9.42px;
    margin-top: 11.775px;
    min-height: 83.992px;
    padding: 14px;
  }
  .consultationExamples__answerIcon {
    height: 22.765px;
    width: 24.334px;
  }
  .consultationExamples__answerCopy {
    font-size: 0.686875rem;
    line-height: 16.484px;
  }
  .consultationExamples__pagination {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 35px;
  }
  .consultationExamples__paginationButton {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: rgba(255, 255, 255, 0.36);
    border: 0;
    border-radius: 100px;
    cursor: pointer;
    height: 6px;
    padding: 0;
    transition: background-color var(--hover-duration), width var(--hover-duration);
    width: 6px;
  }
  .consultationExamples__paginationButton--active {
    background-color: var(--color-white);
    width: 20px;
  }
  .feature {
    padding: 64px 0 72px;
  }
  .feature__inner {
    max-width: 375px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px;
  }
  .feature__label {
    font-family: var(--ff-ls-b);
    line-height: 18px;
    width: 64px;
  }
  .feature__title {
    font-size: 1.875rem;
    line-height: 39px;
    margin-top: 10px;
    white-space: normal;
    width: 100%;
  }
  .feature__list {
    gap: 40px;
    margin-top: 40px;
  }
  .feature__item,
  .feature__item--reverse {
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
  }
  .feature__item::before {
    display: none;
  }
  .feature__copy {
    flex-basis: auto;
    gap: 10px;
    width: 100%;
  }
  .feature__number {
    font-family: var(--ff-ls-b);
    font-size: 0.8125rem;
    line-height: 20px;
  }
  .feature__itemTitle {
    font-size: 1.5rem;
    line-height: 32px;
  }
  .feature__description {
    font-size: 0.875rem;
    line-height: 23px;
  }
  .feature__visual {
    border-radius: 12px;
    flex-basis: auto;
    width: 100%;
  }
  .answerSources {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(26, 117, 255, 0.35) 100%);
    padding: 64px 0 72px;
  }
  .answerSources::before {
    background-image: url("/sites/default/files/media/jp/agent-i/biz/img/bg_answerSources_sp.png");
    height: 1058px;
    opacity: 0.385;
    right: 0;
    top: -10px;
    width: 375px;
  }
  .answerSources__inner {
    max-width: 375px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px;
  }
  .answerSources__label {
    font-family: var(--ff-ls-b);
    line-height: 18px;
  }
  .answerSources__title {
    font-size: 1.875rem;
    line-height: 40px;
    margin-top: 10px;
    white-space: normal;
    width: 100%;
  }
  .answerSources__lead {
    font-size: 0.8125rem;
    line-height: 21px;
    margin-top: 10px;
  }
  .answerSources__list {
    -moz-column-gap: 1px;
         column-gap: 1px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    margin-top: 28px;
    position: relative;
    row-gap: 0;
    width: 100%;
  }
  .answerSources__list::before,
  .answerSources__list::after {
    background-color: rgba(255, 255, 255, 0.52);
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
  .answerSources__list::before {
    height: 100%;
    left: calc((100% - 1px) / 2);
    top: 0;
    width: 1px;
  }
  .answerSources__list::after {
    display: none;
  }
  .answerSources__item,
  .answerSources__item + .answerSources__item {
    border-left: 0;
    padding: 14px 16px;
  }
  .answerSources__item:nth-child(n+3) {
    border-top: 1px solid rgba(255, 255, 255, 0.52);
  }
  .answerSources__item:nth-child(2),
  .answerSources__item:nth-child(3),
  .answerSources__item:nth-child(4) {
    padding-left: 16px;
  }
  .answerSources__item:nth-child(3) {
    border-left: 0;
  }
  .answerSources__iconBox {
    height: 32.8px;
  }
  .answerSources__item:nth-child(1) .answerSources__icon {
    height: 32.8px;
    width: 32.8px;
  }
  .answerSources__item:nth-child(2) .answerSources__icon {
    height: 28px;
    transform: translateY(4.8px);
    width: 30.775px;
  }
  .answerSources__item:nth-child(3) .answerSources__icon {
    height: 31.896px;
    transform: none;
    width: 40.661px;
  }
  .answerSources__item:nth-child(4) .answerSources__icon {
    height: 31.455px;
    transform: translateY(0.441px);
    width: 27.632px;
  }
  .answerSources__itemTitle {
    font-size: 0.875rem;
    line-height: 21px;
    margin-top: 9px;
    white-space: normal;
  }
  .answerSources__description {
    font-size: 0.6875rem;
    line-height: 17px;
    margin-top: 9px;
    width: 124.5px;
  }
  .answerSources__scope {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-left: 0;
    margin-top: 28px;
    width: 100%;
  }
  .answerSources__scope::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--color-white);
    content: "";
    left: 50%;
    position: absolute;
    top: 136.25px;
    transform: translateX(-50%);
  }
  .answerSources__panel {
    min-height: 0;
    padding: 20px;
    width: 100%;
  }
  .answerSources__panel--current {
    min-height: 126px;
  }
  .answerSources__panel--future {
    background-image: linear-gradient(158.9216deg, rgba(26, 117, 255, 0.18) 6.1733%, rgba(15, 164, 187, 0.155) 50%, rgba(0, 230, 94, 0.13) 93.827%);
  }
  .answerSources__panelLabel {
    font-size: 0.75rem;
    line-height: 18px;
  }
  .answerSources__panelTitle {
    font-size: 1.125rem;
    line-height: 27px;
    margin-top: 10px;
    white-space: normal;
  }
  .answerSources__arrow {
    display: none;
  }
  .answerSources__note {
    bottom: auto;
    font-size: 0.6875rem;
    line-height: 17px;
    position: static;
    right: auto;
    width: 100%;
  }
  .gettingStarted {
    padding: 64px 0 72px;
  }
  .gettingStarted__inner {
    max-width: 375px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 24px;
  }
  .gettingStarted__label {
    font-family: var(--ff-ls-b);
    line-height: 18px;
  }
  .gettingStarted__title {
    font-size: 1.875rem;
    line-height: 40px;
    margin-top: 10px;
    white-space: normal;
    width: 100%;
  }
  .gettingStarted__lead {
    font-family: var(--ff-ls-r);
    font-size: 0.875rem;
    line-height: 23px;
    margin-top: 10px;
  }
  .gettingStarted__steps {
    display: flex;
    flex-direction: column;
    gap: 52px;
    margin-top: 28px;
  }
  .gettingStarted__step {
    border-radius: 14px;
    padding: 20px;
    width: 100%;
  }
  .gettingStarted__step:not(:last-child)::after {
    content: "↓";
    font-family: var(--ff-ls-b);
    font-size: 1.5rem;
    left: 0;
    line-height: 28px;
    top: calc(100% + 12px);
    transform: none;
    width: 100%;
  }
  .gettingStarted__step--light,
  .gettingStarted__step--middle {
    background-color: #ecf3ff;
  }
  .gettingStarted__stepLabel {
    font-family: var(--ff-ls-b);
    font-size: 0.6875rem;
    line-height: 18px;
  }
  .gettingStarted__stepTitle {
    font-size: 1.375rem;
    line-height: 30px;
    margin-top: 8px;
    white-space: normal;
  }
  .gettingStarted__stepDescription {
    font-size: 0.8125rem;
    line-height: 21px;
    margin-top: 8px;
    white-space: normal;
  }
  .gettingStarted__manualLink {
    font-size: 0.75rem;
    gap: 7px;
    line-height: 19px;
    margin-top: 8px;
  }
  .gettingStarted__notes {
    font-size: 0.625rem;
    line-height: 16px;
    margin-top: 28px;
    width: 100%;
  }
  .callToAction {
    background-color: #f3f3f3;
    padding: 16px;
  }
  .callToAction__panel {
    border-radius: 16px;
    padding: 28px 24px;
    margin: 0 auto;
    max-width: 343px;
    width: 100%;
  }
  .callToAction__inner {
    flex-direction: column;
    gap: 16px;
    max-width: none;
    width: 100%;
  }
  .callToAction__content {
    align-items: center;
    gap: 16px;
    width: 100%;
  }
  .callToAction__title {
    font-size: 1.5rem;
    line-height: 32px;
    text-align: center;
    width: 100%;
  }
  .callToAction__links {
    gap: 8px 20px;
    justify-content: center;
    padding-left: 0;
    width: 100%;
  }
  .callToAction__link {
    font-size: 0.75rem;
    gap: 6px;
    line-height: 18px;
  }
  .callToAction__button {
    border-radius: 24px;
    font-size: 0.9375rem;
    gap: 15px;
    justify-content: space-between;
    line-height: 21px;
    min-height: 48px;
    padding: 12px 19px;
    width: 100%;
  }
  .callToAction__buttonLabel {
    flex: 1;
  }
  .callToAction__buttonIcon {
    height: 20px;
    width: 20px;
  }
  .faq {
    padding: 12px;
  }
  .faq__panel {
    border-radius: 18px;
    display: block;
    padding: 36px 24px 28px;
    margin: 0 auto;
    max-width: 351px;
    width: 100%;
  }
  .faq__title {
    font-family: var(--ff-ls-eb);
    font-size: 1.75rem;
    line-height: 37px;
  }
  .faq__list {
    margin-top: 22px;
  }
  .faq__item {
    border-color: rgba(1, 2, 5, 0.25);
  }
  .faq__item:first-child {
    border-color: rgba(1, 2, 5, 0.25);
  }
  .faq__trigger {
    align-items: flex-start;
    font-size: 0.875rem;
    gap: 20px;
    line-height: 21px;
    padding: 20px 0;
  }
  .faq__item--open .faq__trigger {
    padding-bottom: 20px;
  }
  .faq__icon {
    height: 20px;
    width: 20px;
  }
  .faq__answerText {
    font-size: 0.75rem;
    line-height: 20px;
    padding: 0 0 14px;
  }
  .footer__inner {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: 40px 24px 30px;
    margin: 0 auto;
    max-width: 375px;
    width: 100%;
  }
  .footer__logo {
    width: 260px;
  }
  .footer__links {
    display: grid;
    gap: 14px 16px;
    grid-template-columns: 145px 29px minmax(0, 1fr);
    line-height: 20px;
    width: 100%;
  }
  .footer__linkItem:nth-child(1) {
    grid-column: 1;
  }
  .footer__linkItem:nth-child(2) {
    grid-column: 2/4;
  }
  .footer__linkItem:nth-child(3) {
    grid-column: 1/3;
  }
  .footer__linkItem:nth-child(4) {
    grid-column: 3;
  }
  .footer__link {
    font-size: 0.8125rem;
    letter-spacing: -0.0077em;
    line-height: 20px;
  }
  .footer__copyright {
    font-size: 0.75rem;
    line-height: 20px;
    margin-top: 0;
    text-align: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .consultationExamples__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) min(375px, 100%) minmax(0, 1fr);
    max-width: none;
  }

  .consultationExamples__intro,
  .consultationExamples__pagination {
    grid-column: 2;
    min-width: 0;
  }

  .consultationExamples__carousel {
    --consultation-carousel-inset: calc((100% - min(375px, 100%)) / 2 + 24px);
    grid-column: 1 / -1;
    min-width: 0;
  }

  .consultationExamples__track {
    padding-right: max(var(--consultation-carousel-inset), calc(100% - var(--consultation-card-width) - var(--consultation-carousel-inset)));
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .consultationExamples__inner {
    max-width: 1200px;
    width: calc(100% - 48px);
  }

  .consultationExamples__intro {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 375px;
  }

  .consultationExamples__carousel {
    overflow: visible;
    scroll-padding-left: 0;
    scroll-snap-type: none;
  }

  .consultationExamples__track {
    display: grid;
    gap: clamp(12px, 1.5625vw, 16px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0;
    width: 100%;
  }

  .consultationExamples__card {
    min-width: 0;
    padding: clamp(16px, 2.0833vw, 21px);
    scroll-snap-align: none;
    width: 100%;
  }

  .consultationExamples__cardTitle {
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .consultationExamples__input {
    gap: 8px;
  }

  .consultationExamples__sendButton {
    align-self: flex-end;
    position: static;
  }

  .consultationExamples__answer {
    gap: 8px;
    padding: 12px 8px;
  }

  .consultationExamples__pagination {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .keyVisual__cta,
  .consultationExamples__card--generating.consultationExamples__card--running .consultationExamples__answer,
  .consultationExamples__card--running .consultationExamples__loadingDot:nth-child(1),
  .consultationExamples__card--running .consultationExamples__loadingDot:nth-child(2),
  .consultationExamples__card--running .consultationExamples__loadingDot:nth-child(3) {
    animation: none;
  }
  .consultationExamples__loadingDot {
    opacity: 1;
  }
  .consultationExamples__answerReveal,
  .faq__answer,
  .faq__trigger,
  .faq__icon::before,
  .faq__icon::after {
    transition: none;
  }
}