:root {
  --brandGray: #2E3133;
  --purple: #764DF1;
  --aiGradient: linear-gradient(170deg, #4FD0FF -17.93%, #764DF1 39.67%, #FC4F6E 97.27%);
  --aiGradientLight: linear-gradient(107deg, rgba(79, 208, 255, 0.70) -45.2%, rgba(118, 77, 241, 0.70) 48.34%, rgba(252, 79, 110, 0.70) 156.03%);
}

body {
  color: var(--brandGray);
}

.lp-text-aiGradient {
  background: var(--aiGradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.lp-text-purple {
  color: var(--purple);
}

.lp-note {
  color: #5A666D;
  font-size: min(14px, calc(14 / 1920 * 100vw));
  line-height: 1.6;
}

@media screen and (max-width: 969px) {
  .lp-note {
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-jumbotron-content {
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_bg_mv.svg) no-repeat bottom center / cover;
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-content {
    background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_bg_mv_sp.svg) no-repeat bottom center / cover;
  }
}

.lp-jumbotron-inner {
  display: flex;
  flex-direction: row-reverse;
  gap: min(48px, calc(48 / 1920 * 100vw));
  width: min(1480px, calc(1480 / 1920 * 100vw));
  margin-inline: auto;
  padding: min(72px, calc(72 / 1920 * 100vw)) min(20px, calc(20 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-inner {
    width: 100%;
    flex-direction: column;
    gap: calc(24 / 375 * 100vw);
    padding: calc(40 / 375 * 100vw) 0;
  }
}

.lp-jumbotron-inner>* {
  flex: 1 1 0;
}

.lp-jumbotron-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(696px, calc(696 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-body {
    width: 100%;
  }
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-titleOuter {
    display: flex;
    justify-content: center;
  }
}

.lp-jumbotron-title {
  display: block;
  margin-bottom: min(24px, calc(24 / 1920 * 100vw));
  font-size: min(56px, calc(56 / 1920 * 100vw));
  line-height: calc(72 / 56);
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-title {
    margin-bottom: calc(12 / 375 * 100vw);
    padding: calc(15 / 375 * 100vw);
    font-size: calc(30 / 375 * 100vw);
    letter-spacing: max(-0.9px, calc(-0.9 / 375 * 100vw));
    line-height: calc(38 / 30);
  }
}

.lp-jumbotron-title-roundLabel {
  display: inline-block;
  margin-left: min(12px, calc(12 / 1920 * 100vw));
  padding: min(9px, calc(9 / 1920 * 100vw)) min(22px, calc(22 / 1920 * 100vw)) min(13px, calc(13 / 1920 * 100vw));
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  background: var(--purple);
  color: #FFF;
  font-size: min(32px, calc(32 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  bottom: min(6px, calc(6 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-title-roundLabel {
    margin-left: calc(6 / 375 * 100vw);
    padding: calc(6 / 375 * 100vw) calc(10 / 375 * 100vw) calc(8 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
    bottom: calc(4 / 375 * 100vw);
  }
}

.lp-jumbotron-text {
  margin-bottom: min(32px, calc(32 / 1920 * 100vw));
  font-size: min(18px, calc(18 / 1920 * 100vw));
  line-height: 1.6;
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-text {
    margin-bottom: calc(11 / 375 * 100vw);
    padding-inline: calc(15 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

.lp-jumbotron-notes {
  padding: min(16px, calc(16 / 1920 * 100vw));
  border-radius: min(4px, calc(4 / 1920 * 100vw));
  border: 1px solid #E6E6E6;
  background: #F2F2F2;
  font-size: min(16px, calc(16 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-notes {
    margin-inline: calc(15 / 375 * 100vw);
    padding: calc(16 / 375 * 100vw);
    border-radius: calc(4 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-jumbotron-notes-text {
  font-size: min(16px, calc(16 / 1920 * 100vw));
  line-height: 1.6;
  margin: 0;
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-notes-text {
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-jumbotron-note {
  margin-top: min(4px, calc(4 / 1920 * 100vw));
  text-align: right;
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-note {
    margin-top: calc(4 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
  }
}

.lp-jumbotron-image {
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-jumbotron-image {
    width: calc(100% - (15 / 375 * 100vw) * 2);
    margin-inline: auto;
    padding-inline: calc(15 / 375 * 100vw);
    padding: 0;
  }
}

.lp-jumbotron-image img {
  width: 100%;
  height: auto;
}

.lp-intro {
  display: flex;
  align-items: center;
  gap: min(48px, calc(48 / 1920 * 100vw));
  width: min(1480px, calc(1480 / 1920 * 100vw));
  margin-inline: auto;
  padding: min(72px, calc(72 / 1920 * 100vw)) min(20px, calc(20 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro {
    flex-direction: column;
    gap: calc(32 / 375 * 100vw);
    width: 100%;
    padding: calc(40 / 375 * 100vw) 0;
    overflow: hidden;
  }
}

.lp-intro>* {
  flex: 1 1 0;
}

@media screen and (max-width: 969px) {
  .lp-intro>* {
    flex: none;
  }
}

.lp-intro-body {
  display: flex;
  flex-direction: column;
  gap: min(32px, calc(32 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-body {
    gap: calc(24 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
  }
}

.lp-intro-title {
  font-size: min(48px, calc(48 / 1920 * 100vw));
  font-weight: 700;
  line-height: calc(64 / 48);
  text-align: center;
}

@media screen and (max-width: 969px) {
  .lp-intro-title {
    font-size: calc(24 / 375 * 100vw);
    line-height: calc(32 / 24);
  }
}

.lp-intro-linkOuter {
  text-align: center;
  margin: 0;
}

.lp-intro-link {
  display: inline-block;
  min-width: min(392px, calc(392 / 1920 * 100vw));
  text-decoration: none;
  position: relative;
  z-index: 0;
  transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 969px) {
  .lp-intro-link {
    min-width: 0;
  }
}

.lp-intro-link:hover {
  opacity: 0.7;
}

.lp-intro-link::before,
.lp-intro-link::after {
  content: "";
  margin: auto;
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  position: absolute;
}

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

  .lp-intro-link::before,
  .lp-intro-link::after {
    border-radius: calc(100 / 375 * 100vw);
  }
}

.lp-intro-link::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background: var(--aiGradient);
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
}

.lp-intro-link::after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: #FFFFFF;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
}

.lp-intro-link-body {
  display: inline-flex;
  min-width: 100%;
  padding: min(22px, calc(22 / 1920 * 100vw)) min(56px, calc(56 / 1920 * 100vw)) min(22px, calc(22 / 1920 * 100vw)) min(40px, calc(40 / 1920 * 100vw));
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  background: var(--aiGradient);
  color: #FFF;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-intro-link-body {
    padding: calc(18 / 375 * 100vw) calc(60 / 375 * 100vw) calc(18 / 375 * 100vw) calc(24 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }
}

.lp-intro-link-body::after {
  content: "";
  width: min(20px, calc(20 / 1920 * 100vw));
  height: min(6px, calc(6 / 1920 * 100vw));
  margin-block: auto;
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_btn_allow_white.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  right: min(30px, calc(30 / 1920 * 100vw));
  bottom: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-link-body::after {
    width: calc(20 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
    right: calc(24 / 375 * 100vw);
  }
}

.lp-intro-image {
  width: min(744px, calc(744 / 1920 * 100vw));
  height: min(382px, calc(382 / 1920 * 100vw));
  margin-right: max(-24px, calc(-24 / 1920 * 100vw));
  margin-bottom: max(-24px, calc(-24 / 1920 * 100vw));
  margin-left: max(-24px, calc(-24 / 1920 * 100vw));
  line-height: 1;
  padding-right: min(24px, calc(24 / 1920 * 100vw));
  padding-bottom: min(24px, calc(24 / 1920 * 100vw));
  padding-left: min(24px, calc(24 / 1920 * 100vw));
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-intro-image {
    width: calc(374 / 375 * 100vw);
    height: calc(232 / 375 * 100vw);
    margin: 0;
    padding: 0;
    line-height: 1;
  }
}

.lp-intro-image-image {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-image {
    width: 100%;
    position: static;
  }

  .lp-intro-image-image img {
    width: 100%;
  }
}

.lp-intro-image-comment-area {
  display: flex;
  align-items: flex-start;
  gap: min(8px, calc(8 / 1920 * 100vw));
  padding: min(21px, calc(21 / 1920 * 100vw)) min(33px, calc(33 / 1920 * 100vw));
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid #ededf2;
  border-radius: min(100px, calc(100 / 1920 * 100vw)) min(100px, calc(100 / 1920 * 100vw)) min(40px, calc(40 / 1920 * 100vw)) 0;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-comment-area {
    gap: calc(8 / 375 * 100vw);
    padding: calc(21 / 375 * 100vw) calc(33 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw) calc(100 / 375 * 100vw) calc(40 / 375 * 100vw) 0;
  }
}

.lp-intro-image-comment-area-icon {
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(24px, calc(24 / 1920 * 100vw));
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  background: var(--aiGradient);
  flex-shrink: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-comment-area-icon {
    width: calc(80 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
  }
}

.lp-intro-image-comment-area-text {
  font-family: 'Source Han Sans JP', sans-serif;
  font-size: min(24px, calc(24 / 1920 * 100vw));
  font-weight: 700;
  line-height: 0.8;
  color: var(--brandGray);
  margin: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-comment-area-text {
    font-size: calc(24 / 375 * 100vw);
  }
}

.lp-intro-image-chat-interface {
  display: flex;
  flex-direction: column;
  gap: min(40px, calc(40 / 1920 * 100vw));
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-interface {
    gap: calc(20 / 375 * 100vw);
    padding: 0 calc(15 / 375 * 100vw);
  }
}

.lp-intro-image-chat-comments {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(24px, calc(24 / 1920 * 100vw));
  position: relative;
  align-self: flex-end;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-comments {
    gap: calc(8 / 375 * 100vw);
  }
}

.lp-intro-image-chat-comments-content {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: min(24px, calc(24 / 1920 * 100vw));
  margin-right: min(104px, calc(104 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-comments-content {
    gap: calc(8 / 375 * 100vw);
    margin-right: calc(66 / 375 * 100vw);
  }
}

.lp-intro-image-chat-comment-item {
  display: flex;
  align-items: center;
  gap: min(8px, calc(8 / 1920 * 100vw));
  padding: min(21px, calc(21 / 1920 * 100vw)) min(33px, calc(33 / 1920 * 100vw));
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #ededf2;
  border-radius: min(50px, calc(50 / 1920 * 100vw)) min(50px, calc(50 / 1920 * 100vw)) 0 min(50px, calc(50 / 1920 * 100vw));
  box-shadow: 5.356px 5.356px 16.068px 0 rgba(207, 213, 217, 0.32);
  backdrop-filter: blur(5.356122970581055px);
  box-sizing: border-box;
  flex-wrap: wrap;
  width: fit-content;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-comment-item {
    gap: calc(8 / 375 * 100vw);
    padding: calc(14 / 375 * 100vw) calc(23 / 375 * 100vw);
    border-radius: calc(50 / 375 * 100vw) calc(50 / 375 * 100vw) 0 calc(50 / 375 * 100vw);
    height: auto;
  }
}

.lp-intro-image-chat-comment-item .lp-intro-image-comment-area-icon {
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(24px, calc(24 / 1920 * 100vw));
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  border-radius: 100px;
  background: var(--aiGradientLight);
  flex-shrink: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-comment-item .lp-intro-image-comment-area-icon {
    width: calc(80 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
  }
}

.lp-intro-image-chat-comment-item .lp-intro-image-comment-area-text {
  font-family: 'Source Han Sans JP', sans-serif;
  font-size: min(24px, calc(24 / 1920 * 100vw));
  font-weight: 700;
  line-height: 0.8;
  color: var(--brandGray);
  margin: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-comment-item .lp-intro-image-comment-area-text {
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-intro-image-chat-input-area {
  display: flex;
  align-items: flex-start;
  gap: min(8px, calc(8 / 1920 * 100vw));
  position: relative;
  align-self: flex-start;
  min-height: min(80px, calc(80 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-input-area {
    gap: calc(8 / 375 * 100vw);
  }
}

.lp-intro-image-chat-input-content {
  display: flex;
  align-items: flex-start;
  gap: min(8px, calc(8 / 1920 * 100vw));
  padding: min(20px, calc(20 / 1920 * 100vw)) min(32px, calc(32 / 1920 * 100vw));
  margin-left: min(104px, calc(104 / 1920 * 100vw));
  margin-top: min(4px, calc(4 / 1920 * 100vw));
  background: var(--purple);
  border-radius: min(50px, calc(50 / 1920 * 100vw)) min(50px, calc(50 / 1920 * 100vw)) min(50px, calc(50 / 1920 * 100vw)) 0;
  box-shadow: min(8px, calc(8 / 1920 * 100vw)) min(8px, calc(8 / 1920 * 100vw)) min(24px, calc(24 / 1920 * 100vw)) 0px rgba(207, 213, 217, 0.32);
  box-sizing: border-box;
  height: min(66px, calc(66 / 1920 * 100vw));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  width: fit-content;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-input-content {
    gap: calc(8 / 375 * 100vw);
    padding: calc(14 / 375 * 100vw) calc(24 / 375 * 100vw);
    margin-left: calc(66 / 375 * 100vw);
    border-radius: calc(50 / 375 * 100vw) calc(50 / 375 * 100vw) calc(50 / 375 * 100vw) 0;
    box-shadow: calc(8 / 375 * 100vw) calc(8 / 375 * 100vw) calc(24 / 375 * 100vw) 0px rgba(207, 213, 217, 0.32);
    height: auto;
  }
}

.lp-intro-image-chat-input-icon {
  width: min(144px, calc(144 / 1920 * 100vw));
  height: min(24px, calc(24 / 1920 * 100vw));
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  background: #ffffff;
  flex-shrink: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-input-icon {
    width: calc(144 / 375 * 100vw);
    height: calc(24 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
  }
}

.lp-intro-image-chat-input-text-wrapper {
  flex-shrink: 0;
}

.lp-intro-image-chat-input-text {
  font-family: 'Source Han Sans JP', sans-serif;
  font-size: min(24px, calc(24 / 1920 * 100vw));
  font-weight: 700;
  line-height: 0.8;
  color: #ffffff;
  margin: 0;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-input-text {
    font-size: calc(24 / 375 * 100vw);
  }
}

.lp-intro-image-chat-avatar {
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(80px, calc(80 / 1920 * 100vw));
  position: absolute;
  box-sizing: border-box;
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-avatar {
    width: calc(80 / 375 * 100vw);
    height: calc(80 / 375 * 100vw);
  }
}

.lp-intro-image-chat-avatar-ai {
  position: absolute;
  inset: 0;
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(80px, calc(80 / 1920 * 100vw));
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_icon_chat_ai.png) no-repeat center / contain;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 calc(24 / 1920 * 100vw) 0 rgba(138, 171, 196, 0.24);
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-avatar-ai {
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    padding: calc(13.333 / 375 * 100vw);
  }
}

.lp-intro-image-chat-avatar-user {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(80px, calc(80 / 1920 * 100vw));
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_icon_chat_user.png) no-repeat center / contain;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 0 calc(24 / 1920 * 100vw) 0 rgba(138, 171, 196, 0.24);
}

@media screen and (max-width: 969px) {
  .lp-intro-image-chat-avatar-user {
    width: calc(50 / 375 * 100vw);
    height: calc(50 / 375 * 100vw);
    padding: calc(13.333 / 375 * 100vw);
  }
}

.lp-intro-image-image-balloon {
  position: relative;
}

.lp-intro-image-image-balloon:nth-of-type(2) {
  width: min(370px, calc(370 / 1920 * 100vw));
  height: min(114px, calc(114 / 1920 * 100vw));
  position: absolute;
  top: max(-16px, calc(-16 / 1920 * 100vw));
  right: min(96px, calc(96 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-image-balloon:nth-of-type(2) {
    width: calc(237 / 375 * 100vw);
    height: calc(79 / 375 * 100vw);
    top: calc(-12 / 375 * 100vw);
    right: calc(59 / 375 * 100vw);
  }
}


.lp-intro-image-image-balloon:nth-of-type(3) {
  width: min(393px, calc(393 / 1920 * 100vw));
  height: min(114px, calc(114 / 1920 * 100vw));
  position: absolute;
  top: min(74px, calc(74 / 1920 * 100vw));
  right: min(96px, calc(96 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-image-balloon:nth-of-type(3) {
    width: calc(251 / 375 * 100vw);
    height: calc(77 / 375 * 100vw);
    top: calc(42 / 375 * 100vw);
    right: calc(59 / 375 * 100vw);
  }
}

.lp-intro-image-image-balloon:nth-of-type(4) {
  width: min(489px, calc(489 / 1920 * 100vw));
  height: min(114px, calc(114 / 1920 * 100vw));
  position: absolute;
  top: min(164px, calc(164 / 1920 * 100vw));
  right: min(96px, calc(96 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-image-balloon:nth-of-type(4) {
    width: calc(313 / 375 * 100vw);
    height: calc(78 / 375 * 100vw);
    top: calc(94 / 375 * 100vw);
    right: calc(59 / 375 * 100vw);
  }
}

.lp-intro-image-image-balloon:nth-of-type(5) {
  width: min(288px, calc(288 / 1920 * 100vw));
  height: min(114px, calc(114 / 1920 * 100vw));
  position: absolute;
  top: min(269px, calc(269 / 1920 * 100vw));
  right: min(344px, calc(344 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-intro-image-image-balloon:nth-of-type(5) {
    width: calc(193 / 375 * 100vw);
    height: calc(76 / 375 * 100vw);
    top: calc(160 / 375 * 100vw);
    right: calc(112 / 375 * 100vw);
  }
}

.lp-intro-image-image-balloon img {
  width: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lp-contents {
  background: linear-gradient(180deg, #F2F3F7 0%, rgba(242, 243, 247, 0.50) 100%);
}

.lp-contents-inner {
  width: min(1480px, calc(1480 / 1920 * 100vw));
  margin-inline: auto;
  padding: min(72px, calc(72 / 1920 * 100vw)) min(20px, calc(20 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-contents-inner {
    width: 100%;
    padding: calc(40 / 375 * 100vw) calc(15 / 375 * 100vw);
    overflow: hidden;
  }
}

.lp-contents-titleWrap {
  display: flex;
  align-items: flex-end;
  gap: min(16px, calc(16 / 1920 * 100vw));
  margin-bottom: min(40px, calc(40 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-contents-titleWrap {
    flex-direction: column;
    align-items: center;
    gap: calc(8 / 375 * 100vw);
    margin-bottom: calc(16 / 375 * 100vw);
  }
}

.lp-contents-title {
  font-size: min(48px, calc(48 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 969px) {
  .lp-contents-title {
    font-size: calc(24 / 375 * 100vw);
    font-weight: 700;
    text-align: center;
  }
}

.lp-contents-title-note {
  line-height: 1;
}

@media screen and (max-width: 969px) {
  .lp-contents-title-note {
    line-height: 1.6;
  }
}

.lp-contents-cards {
  display: flex;
  gap: min(32px, calc(32 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-contents-cards {
    flex-direction: column;
    gap: calc(16 / 375 * 100vw);
  }
}

.lp-contents-cards>* {
  flex: 1 1 0;
}

.lp-contents-card {
  padding: min(10px, calc(10 / 1920 * 100vw)) 0 min(32px, calc(32 / 1920 * 100vw));
  border-radius: min(16px, calc(16 / 1920 * 100vw));
  background: #FFF url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_gradation.png) no-repeat top left / cover;
  box-shadow: min(10px, calc(10 / 1920 * 100vw)) min(10px, calc(10 / 1920 * 100vw)) min(24px, calc(24 / 1920 * 100vw)) 0px rgba(207, 213, 217, 0.24);
  backdrop-filter: blur(16px);
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-contents-card {
    padding: calc(10 / 375 * 100vw) 0 calc(24 / 375 * 100vw);
    border-radius: calc(16 / 375 * 100vw);
    box-shadow: calc(10 / 375 * 100vw) calc(10 / 375 * 100vw) calc(24 / 375 * 100vw) 0px rgba(207, 213, 217, 0.24);
  }
}

.lp-contents-card-image img {
  width: 100%;
}

.lp-contents-card-textOuter {
  display: flex;
  flex-direction: column;
  margin-top: min(4px, calc(4 / 1920 * 100vw));
  padding-inline: min(24px, calc(24 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-contents-card-textOuter {
    margin-top: calc(-2 / 375 * 100vw);
    padding-inline: calc(24 / 375 * 100vw);
  }
}

.lp-contents-card-text-lebel {
  margin-bottom: min(9px, calc(9 / 1920 * 100vw));
  padding-left: min(24px, calc(24 / 1920 * 100vw));
  color: var(--purple);
  font-size: min(18px, calc(18 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-contents-card-text-lebel {
    margin-bottom: calc(8 / 375 * 100vw);
    padding-left: calc(24 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

.lp-contents-card-text-lebel::before {
  content: "";
  width: min(16px, calc(16 / 1920 * 100vw));
  height: min(16px, calc(16 / 1920 * 100vw));
  margin-block: auto;
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_icon_circle.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 969px) {
  .lp-contents-card-text-lebel::before {
    width: calc(16 / 375 * 100vw);
    height: calc(16 / 375 * 100vw);
  }
}

.lp-contents-card-text {
  font-size: min(24px, calc(24 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 969px) {
  .lp-contents-card-text {
    font-size: calc(18 / 375 * 100vw);
  }
}

.lp-contents-card-linkOuter {
  line-height: 1;
  position: absolute;
  right: min(24px, calc(24 / 1920 * 100vw));
  bottom: min(24px, calc(24 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-contents-card-linkOuter {
    right: calc(24 / 375 * 100vw);
    bottom: calc(24 / 375 * 100vw);
  }
}

.lp-contents-card-link {
  padding-right: min(18px, calc(18 / 1920 * 100vw));
  padding-bottom: min(4px, calc(4 / 1920 * 100vw));
  font-size: min(18px, calc(18 / 1920 * 100vw));
  font-weight: 700;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-contents-card-link {
    padding-right: calc(18 / 375 * 100vw);
    padding-bottom: calc(4 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-contents-card-link::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--aiGradient);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.lp-contents-card-link:hover::before {
  opacity: 1;
}

.lp-contents-card-link::after {
  content: "";
  width: min(8px, calc(8 / 1920 * 100vw));
  height: min(14px, calc(14 / 1920 * 100vw));
  margin-block: auto;
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_link_allow_gradient.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 969px) {
  .lp-contents-card-link::after {
    width: calc(6 / 375 * 100vw);
    height: calc(12 / 375 * 100vw);
  }
}

.lp-subContents:not(:first-of-type) {
  margin-top: min(64px, calc(64 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-subContents:not(:first-of-type) {
    margin-top: calc(24 / 375 * 100vw);
  }
}

.lp-subContents-title {
  margin-bottom: min(40px, calc(40 / 1920 * 100vw));
  font-size: min(40px, calc(40 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 969px) {
  .lp-subContents-title {
    margin-bottom: calc(16 / 375 * 100vw);
    font-size: calc(24 / 375 * 100vw);
    text-align: center;
  }
}

.lp-subContents-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(48px, calc(48 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-subContents-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: calc(24 / 375 * 100vw);
  }
}

.lp-subContents-grid-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: min(24px, calc(24 / 375 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-subContents-grid-item {
    gap: calc(16 / 375 * 100vw);
  }
}

.lp-subContents-grid-item-text {
  margin-bottom: 0;
  padding-left: min(32px, calc(32 / 1920 * 100vw));
  font-size: min(24px, calc(24 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1.3;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-subContents-grid-item-text {
    padding-left: 0;
    font-size: calc(18 / 375 * 100vw);
    text-align: center;
  }
}

.lp-subContents-grid-item-text::before {
  content: "";
  width: min(16px, calc(16 / 1920 * 100vw));
  height: min(2px, calc(2 / 1920 * 100vw));
  margin-block: auto;
  background: var(--purple);
  position: absolute;
  top: min(16px, calc(16 / 1920 * 100vw));
  left: 0;
}

@media screen and (max-width: 969px) {
  .lp-subContents-grid-item-text::before {
    content: none;
  }
}

.lp-subContents-grid-item-image {
  width: min(744px, calc(744 / 1920 * 100vw));
  height: min(378px, calc(378 / 1920 * 100vw));
  margin-right: max(-34px, calc(-34 / 1920 * 100vw));
  margin-bottom: max(-34px, calc(-34 / 1920 * 100vw));
  margin-left: max(-14px, calc(-14 / 1920 * 100vw));
  line-height: 1;
  padding-right: min(34px, calc(34 / 1920 * 100vw));
  padding-bottom: min(34px, calc(34 / 1920 * 100vw));
  padding-left: min(14px, calc(14 / 1920 * 100vw));
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-subContents-grid-item-image {
    width: calc(367 / 375 * 100vw);
    height: calc(188 / 375 * 100vw);
    margin-right: calc(-15 / 375 * 100vw);
    margin-bottom: calc(-18 / 375 * 100vw);
    margin-left: calc(-8 / 375 * 100vw);
    line-height: 1;
    padding-right: calc(15 / 1920 * 100vw);
    padding-bottom: calc(18 / 1920 * 100vw);
    padding-left: calc(8 / 1920 * 100vw);
    position: relative;
  }
}

.lp-subContents-grid-item-image img {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lp-extraContents {
  width: min(1480px, calc(1480 / 1920 * 100vw));
  margin-inline: auto;
  padding: min(72px, calc(72 / 1920 * 100vw)) min(20px, calc(20 / 1920 * 100vw)) min(72px, calc(72 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-extraContents {
    width: 100%;
    padding: calc(40 / 375 * 100vw) calc(15 / 375 * 100vw);
    overflow: hidden;
  }
}

.lp-extraContents-grid {
  display: flex;
  flex-direction: row-reverse;
  gap: min(48px, calc(48 / 1920 * 100vw));
  padding: min(80px, calc(80 / 1920 * 100vw));
  background: var(--aiGradient);
  border-radius: min(16px, calc(16 / 1920 * 100vw));
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid {
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: calc(24 / 375 * 100vw) calc(15 / 375 * 100vw) calc(157 / 375 * 100vw);
    border-radius: 0;
  }
}

.lp-extraContents-grid>* {
  flex: 1 1 0;
}

.lp-extraContents-grid-item-image {
  width: min(632px, calc(632 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-image {
    width: 100%;
  }
}

.lp-extraContents-grid-item-image img {
  width: min(632px, calc(632 / 1920 * 100vw));
  margin-block: auto;
  position: absolute;
  top: min(20px, calc(20 / 1920 * 100vw));
  bottom: 0;
  left: min(64px, calc(64 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-image img {
    width: calc(344 / 375 * 100vw);
    padding: 0;
    top: auto;
    bottom: calc(-171 / 375 * 100vw);
    left: auto;
  }
}

.lp-extraContents-grid-item-title {
  margin-bottom: min(24px, calc(24 / 1920 * 100vw));
  padding-top: min(104px, calc(104 / 1920 * 100vw));
  font-size: min(40px, calc(40 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-title {
    margin-bottom: calc(16 / 375 * 100vw);
    padding-top: calc(84 / 375 * 100vw);
    padding-left: 0;
    font-size: calc(24 / 375 * 100vw);
    text-align: center;
  }
}

.lp-extraContents-grid-item-title::before {
  content: "";
  width: min(128px, calc(128 / 1920 * 100vw));
  height: min(128px, calc(128 / 1920 * 100vw));
  margin-inline: auto;
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_ai-icon.png) no-repeat center / contain;
  position: absolute;
  top: max(-24px, calc(-24 / 1920 * 100vw));
  right: max(-24px, calc(-24 / 1920 * 100vw));
  left: max(-24px, calc(-24 / 1920 * 100vw));
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-title::before {
    width: calc(108 / 375 * 100vw);
    height: calc(108 / 375 * 100vw);
    margin: 0 auto;
    top: calc(-20 / 375 * 100vw);
    right: calc(-20 / 375 * 100vw);
    bottom: calc(-20 / 375 * 100vw);
    left: calc(-20 / 375 * 100vw);
  }
}

.lp-extraContents-grid-item-text {
  font-size: min(16px, calc(16 / 1920 * 100vw));
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-text {
    font-size: calc(14 / 375 * 100vw);
  }
}

.lp-extraContents-grid-item-linkOuter {
  margin-top: min(40px, calc(40 / 1920 * 100vw));
  text-align: center;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-linkOuter {
    margin-top: calc(32 / 375 * 100vw);
  }
}

.lp-extraContents-grid-item-link {
  display: inline-block;
  min-width: min(392px, calc(392 / 1920 * 100vw));
  text-decoration: none;
  position: relative;
  z-index: 0;
  transition: opacity .3s ease-in-out;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-link {
    min-width: 0;
  }
}

.lp-extraContents-grid-item-link:hover {
  opacity: 0.7;
}

.lp-extraContents-grid-item-link::before,
.lp-extraContents-grid-item-link::after {
  content: "";
  margin: auto;
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  position: absolute;
}

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

  .lp-extraContents-grid-item-link::before,
  .lp-extraContents-grid-item-link::after {
    border-radius: calc(100 / 375 * 100vw);
  }
}

.lp-extraContents-grid-item-link::before {
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  background: var(--aiGradient);
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: -1;
}

.lp-extraContents-grid-item-link::after {
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  background: #FFFFFF;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  z-index: -1;
}

.lp-extraContents-grid-item-link-body {
  display: inline-flex;
  min-width: 100%;
  padding: min(22px, calc(22 / 1920 * 100vw)) min(56px, calc(56 / 1920 * 100vw)) min(22px, calc(22 / 1920 * 100vw)) min(40px, calc(40 / 1920 * 100vw));
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: min(100px, calc(100 / 1920 * 100vw));
  background: var(--aiGradient);
  color: #FFF;
  font-size: min(20px, calc(20 / 1920 * 100vw));
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-link-body {
    padding: calc(18 / 375 * 100vw) calc(60 / 375 * 100vw) calc(18 / 375 * 100vw) calc(24 / 375 * 100vw);
    border-radius: calc(100 / 375 * 100vw);
    font-size: calc(18 / 375 * 100vw);
  }
}

.lp-extraContents-grid-item-link-body::after {
  content: "";
  width: min(20px, calc(20 / 1920 * 100vw));
  height: min(6px, calc(6 / 1920 * 100vw));
  margin-block: auto;
  background: url(/img/ss/general/about-ai-assistant/about-ai-assistant_img_btn_allow_white.svg) no-repeat center / contain;
  position: absolute;
  top: 0;
  right: min(30px, calc(30 / 1920 * 100vw));
  bottom: 0;
}

@media screen and (max-width: 969px) {
  .lp-extraContents-grid-item-link-body::after {
    width: calc(20 / 375 * 100vw);
    height: calc(6 / 375 * 100vw);
    right: calc(24 / 375 * 100vw);
  }
}

.lp-fixed-page-top-btn {
  width: min(80px, calc(80 / 1920 * 100vw));
  height: min(80px, calc(80 / 1920 * 100vw));
  background: var(--aiGradient);
  border-radius: 50%;
  position: fixed;
  right: min(64px, calc(64 / 1920 * 100vw));
  bottom: min(64px, calc(64 / 1920 * 100vw));
  cursor: pointer;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.lp-fixed-page-top-btn.of-above-chat {
  bottom: calc(20 / 1920 * 100vw + 100px);
}
@media screen and (max-width: 969px) {
  .lp-fixed-page-top-btn.of-above-chat {
    bottom: calc(20 / 375 * 100vw + 100px);
  }
}

@media screen and (max-width: 969px) {
  .lp-fixed-page-top-btn {
    width: calc(64 / 375 * 100vw);
    height: calc(64 / 375 * 100vw);
    right: calc(16 / 375 * 100vw);
    bottom: calc(16 / 375 * 100vw);
  }
}

.lp-fixed-page-top-btn.appear {
  opacity: 1;
  transform: translateY(0);
}

.lp-fixed-page-top-btn.appear:hover {
  opacity: 0.7;
}

.lp-fixed-page-top-btn::before {
  content: "";
  width: min(24px, calc(24 / 1920 * 100vw));
  height: min(17px, calc(17 / 1920 * 100vw));
  margin: auto;
  background: #FFF;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 969px) {
  .lp-fixed-page-top-btn::before {
    width: calc(20 / 375 * 100vw);
    height: calc(14 / 375 * 100vw);
  }
}

footer:not(:first-of-type) {
  display: none;
}

.prd-layout-footer {
  width: min(1480px, calc(1480 / 1920 * 100vw));
  margin-inline: auto;
  padding: min(16px, calc(16 / 1920 * 100vw)) min(20px, calc(20 / 1920 * 100vw));
  background: rgba(185, 189, 190, 0.00);
  backdrop-filter: blur(30px);
  color: var(--brandGray);
  font-size: 13px;
}

.prd-layout-footer-content {
  max-width: 120rem;
  padding: 0;
}

.prd-layout-footer-list {
  margin: 0;
}

.prd-layout-footer-list>li::before {
  background: var(--brandGray);
}

.prd-layout-footer-list>li>a {
  color: var(--brandGray);
}

.prd-layout-footer-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 35px;
  list-style: none;
}

.prd-layout-footer-list>li {
  position: relative;
}

.prd-layout-footer-list>li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -17px;
  width: 1px;
  height: 16px;
  transform: translateY(-50%);
  background: var(--brandGray);
  content: "";
}

.prd-layout-footer-list>li:first-child {
  padding-left: 0;
}

.prd-layout-footer-list>li:first-child::before {
  content: none;
}

.prd-layout-footer-list>li:nth-child(2) {
  display: none;
}

.prd-layout-footer-list>li>a {
  text-decoration: none;
}

.prd-layout-footer-list>li>a:hover {
  text-decoration: underline;
}

.prd-layout-footer-copyright small {
  font-size: 13px;
}

@media (max-width: 60.5625em) {
  .prd-layout-footer {
    width: 100%;
    padding: calc(28 / 375 * 100vw) calc(15 / 375 * 100vw);
  }

  .prd-layout-footer-list>.prd-layout-footer-copyright {
    width: 100%;
    text-align: center;
  }

  .prd-layout-footer-list>.prd-layout-footer-copyright::before {
    content: none;
  }
}

@media not screen and (max-width: 969px) {
  .pc-hidden {
    display: none;
  }
}

@media screen and (max-width: 969px) {
  .sp-hidden {
    display: none;
  }
}

/* animation */
.fade-in-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.fade-in-item.appear {
  opacity: 1;
  transform: translateY(0);
}

/* js */
.js-products-search-btn {
  cursor: pointer;
}