@charset "utf-8";
/* #region 共通 */
#avatar_page {
  position: relative;
  background: no-repeat
    url(../img/avatar/pc/bg.webp) 100% 100% /
    170%;
  background-attachment: fixed;
  background-position: 55% 50%;
}

.parallax-bg {
  position: relative;
  width: 100%;
  height: 100%;
  background: #f9faffa6;
}

.switch_cont_sp {
  display: none;
}

#avatar_page img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
/* ボタン */
#avatar_page a:hover img {
  filter: brightness(1.2);
}
.pc_display {
  display: none;
}
.sp_display {
  display: block;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.highlight {
  background: linear-gradient(90deg, #0079BD 10.55%, #04A79B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
body {
  overflow-y: scroll;
}
body.no-scroll {
  overflow: hidden;
  position: fixed;
}
/* #endregion 共通 */
/* #region リンクメッセージ */
.is_lp .link_txt span {
  min-width: 34px;
}
.is_lp .WPC .link_msg {
  left: calc(50% + 270px);
}
/* #endregion リンクメッセージ */
/* #region メインビジュアル */
.mv-wrapper {
  background: #fff no-repeat
    url(../img/avatar/sp/mvbg.webp) 100% /
    cover;
  height: 152.3vw;
  margin-bottom: 16.4vw;
  margin-top: 64px;
}

.mv-wrapper .inner {
  position: relative;
  width: 100%;
  height: 100%;
}

.mv-bg-image {
  position: absolute;
  top: 10.2vw;
  left: 0;
  width: 91.5vw;
  height: 70.78vw;
}

.mv-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mv-phrase {
  position: absolute;
  bottom: 37.5vw;
  right: 0;
  left: 0.9vw;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  z-index: 3;
}

.mv-phrase > h2 {
  font-family: "YuGothic", sans-serif;
  font-weight: bold;
  font-size: 8.12vw; /* 52px */
  line-height: 10.93vw; /* 70px */
  text-align: center;
  letter-spacing: 0.2em;
  color: #ffffff;
  width: 71.87vw; /* 460px */
  margin: 0 auto 6.56vw;
}

.mv-phrase > p {
font-family: "YuGothic", sans-serif;
font-weight: 500;
  font-size: 4.06vw; /* 26px */
  line-height: 6.56vw; /* 42px */
  text-align: center;
  color: #ffffff;
  width: 88.28vw; /* 565px */
  margin: 0 auto;
  letter-spacing: 0;
}

.mv-content .cta-btn-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 87.5vw; /* 560px */
  height: 16.25vw; /* 104px */
  background: #e40180;
  border-radius: 7.81vw; /* 50px */
  bottom: 11.56vw; /* 74px */
}
.mv-content .cta-btn-wrapper:hover{
  filter: brightness(1.2);
}

.mv-content .cta-btn-wrapper a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-size: 4.37vw; /* 28px */
  line-height: 16.25vw; /* 104px */
  letter-spacing: 0.1em;
  color: #ffffff;
}

.mv-assistant > img {
  object-fit: cover;
}

.mv-wrapper .mv-grad {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    359.99deg,
    #0079bd 1.73%,
    rgb(4 167 155 / 49%) 35%,
    rgb(255 255 255 / 0%) 73%
  );
}

.mv-assistant {
  position: relative;
  z-index: 2;
  margin: 0 0 0 auto;
  right: 0;
  bottom: 1.25vw;
  width: 87.34vw; /* 559px */
  height: 100%;
}
/* #endregion メインビジュアル*/
/* #region うちのAI Avatarとは？ */
#about-ai {
  padding: 0px 6.25vw 20.5vw 6.25vw;
}


#about-ai .inner_wrapper_about_ai {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 12.5vw;
margin: 0 auto;
}

#about-ai .about_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7.3vw;
}


#about-ai .about_logo {
  width: 13.9vw;
  height: 7.81vw;
  display: flex;
  align-items: center;
  position: relative;
}
#about-ai .about_logo::before {
  content: "";
  display: block;
  padding-top: 56.1%;
}

#about-ai .about_logo img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
}

#about-ai .about_title {
  margin-bottom: 0.55vw;
  font-size: 5.95vw;
  background: linear-gradient(90deg, #0079BD 0%, #04A79B 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
   letter-spacing: 0;
 }

 #about-ai .about_description {
  font-size: 3.75vw;
  line-height: 7.34vw;
  overflow-wrap: break-word;
  font-weight: 400;
  color: #04274A;
  letter-spacing: 0;
 }

 #about-ai .about_image{
  width: 100%;
 }

 #about-ai .about_image_box {
  position: relative;
  width: 79.9vw;
  height: 84.6vw;
  margin: 0 auto;
 }

 /* #about-ai .about_image_box::before{
  content: "";
  display: block;
  padding-top: 120.1%;
 } */
 #about-ai .about_image_box img.pc-only {
  display: none;
}

 #about-ai .about_image_box img.sp-only {
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
 }
/* #endregion うちのAI Avatarとは？ */
/* #region 話しかけてみてください */
#try {
  position: relative;
}

#try .inner {
  position: relative;
  padding: 0 0 26vw;
}

.try-head {
  position: relative;
}

.try-head-button::before {
  position: absolute;
  content: " ＼百聞は一見にしかず／";
  top: -8.8vw;
  letter-spacing: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 4.06vw;
  line-height: 6.56vw;
  background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.try-head-button {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2.5vw 0;
  gap: 1.56vw;
  width: 66.87vw;
  height: 12.5vw;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.7) 0%,
    rgba(4, 167, 155, 0.7) 100%
  );
  box-shadow: 4.06vw 2.96vw 5.15vw rgba(0, 125, 186, 0.09);
  backdrop-filter: blur(20px);
  border-radius: 7.81vw;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 4.37vw;
  line-height: 5vw;
  text-align: center;
  color: #ffffff;
  margin: 0 auto;
  outline: 0.625vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.6vw;
  letter-spacing: 0;
}

.try-head-button::after {
  position: absolute;
  content: "";
  background: url(../img/avatar/talk_to/talk_to_line_pc.webp) no-repeat 100% / contain;
  width: 9.7vw;
  height: 17vw;
  top: 10.65vw;
  left: 7.43vw;
  z-index: 10;
}

.try-head-message {
  position: absolute;
  height: 8.12vw;
  letter-spacing: 0;
  left: 45.96vw;
  right: 0;
  top: 14vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 2.81vw;
  line-height: 4.06vw;
  color: #083461;
}

.try-content {
  width: 65.25vw;
  height: 136.06vw;
  margin: 14.06vw auto 0;
}

.try-content-img {
  width: 100%;
  height: 100%;
}

.comment-first {
  position: absolute;
  width: 13.15vw;
  top: 94.52vw;
  left: 6.2vw;
}

.comment-sec {
  position: absolute;
  width: 9.6vw;
  top: 150.7vw;
  left: 24.07vw;
}

.comment-third {
  position: absolute;
  width: 8.69vw;
  right: 7.85vw;
  top: 118.21vw;
}

.comment-first::before,
.comment-sec::before,
.comment-third::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff91;
  border: 0.46vw solid #ffffff17;
  max-height: 15vw;
  height: 7vw;
  font-size: 3.12vw;
  font-weight: 600;
  text-align: center;
  border-radius: 7.81vw 7.81vw 7.81vw 0.46vw;
  backdrop-filter: blur(1.56vw);
  -webkit-backdrop-filter: blur(1.56vw);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #083461;
  letter-spacing: 0;
}

.comment-first::before {
  top: -16.25vw;
  left: 8.75vw;
  width: 26.25vw;
  height: 15vw;
  content: "こんにちは";
  font-size: 3.75vw;
}

.comment-sec::before {
  top: -18.65vw;
  left: -4.72vw;
  width: 33.75vw;
  height: 15vw;
  line-height: 15vw;
  content: "何ができるの？";
  font-size: 3.65vw;
}

.comment-third::before {
  width: 37.18vw;
  height: 15vw;
  border-radius: 7.81vw 7.81vw 0.46vw 7.81vw;
  top: -17.12vw;
  left: -33.28vw;
  content: "うちのAIって何？";
  font-size: 3.55vw;
}

.comment-first::after,
.comment-sec::after,
.comment-third::after {
    position: absolute;
    content: "";
    background: url(../img/avatar/ellipse.webp) no-repeat 100% / auto;
    width: 19.37vw;
    height: 7.03vw;
    top: 28.12vw;
    left: -4.56vw;
}

#try .popup-btn {
  display: block;
  position: absolute;
  border-radius: 5.46vw;
  top: -13.75vw;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 65.62vw;
  height: 113.28vw;
  max-width: initial;
  max-height: initial;
  z-index: 99;
}

#try .try-head .popup-btn {
  width: 66.87vw;
  height: 12.5vw;
  border-radius: 7.81vw;
  top: 0;
}
/* #endregion 話しかけてみてください */
/* #region アバター　ポップアップ */
#avatar_page .popup-bg.show {
  width: 100%;
  height: 300%;
  background: rgb(255 255 255 / 90%);
  position: fixed;
  z-index: 1000;
}
#avatar_page .easy-modal {
  display: none;
}
#avatar_page .easy-modal.show {
  padding-top: 100px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9999;
}
#avatar_page #x_botton.close-button {
  display: none;
}

#avatar_page .easy-modal.show .voice_msg {
  margin: revert;
}

#avatar_page .easy-modal .close-button {
  background: rgba(56, 117, 191, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  max-width: 40px;
  height: 5vw;
  max-height: 40px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 80px;
  left: 1103px;
  right: 0;
  margin: auto;
  z-index: 10000;
}

#avatar_page .easy-modal .close-button:hover {
  filter: brightness(1.5);
}

#avatar_page .easy-modal .close-button .icon-close {
  color: #ffffff;
  font-size: clamp(1.8rem, 1vw, 2.4rem);
}

#avatar_page .easy-modal .in_admin {
  box-shadow: 0 0 16px #8d8d8d;
}
/* #endregion アバター　ポップアップ */
/* #region CTA1 */
.cta-wrapper.up {
  color: #ffffff;
  font-family: "YuGothic", sans-serif;
  height: 111.5vw;
  position: relative;
  overflow: hidden;
}

.cta-wrapper.up > .inner {
  padding: 0 5vw;
  height: 100%;
  position: relative;
  background:
    linear-gradient(
      90deg,
      rgba(0, 120, 189, 0.85) 0%,
      rgba(4, 167, 156, 0.85) 100%
    ),
    url(../img/avatar/sp/cta1_bg_sp.webp)
      no-repeat center bottom / 100%;
}

.cta-wrapper.up .bgimg {
  display: none;
}

.cta-wrapper.up .cta-content {
  max-width: 1328px;
  margin: 0 auto;
  width: 100%;
  position: initial;
  padding: 0;
  left: initial;
  display: flex;
  justify-content: center;
  gap: initial;
  flex-direction: column;
}

.cta-wrapper.up .cta-cont-box {
  text-align: left;
  padding-top: 11.7vw;
  width: 100%;
  margin: 0;
}

.cta-wrapper.up .cta-description {
  margin-bottom: 6.25vw;
}

.cta-wrapper.up .cta-img {
  width: 57.3vw;
  height: 71vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.cta-wrapper.up .cta-description h2 {
  font-weight: 500;
  font-size: 6.87vw;
  line-height: 10vw;
  letter-spacing: 0.1em;
  margin-bottom: 2.5vw;
  letter-spacing: 0;
}

.cta-wrapper.up .cta-description p {
  font-weight: 300;
  font-size: 3.75vw;
  line-height: 6.56vw;
  letter-spacing: 0;
}

.cta-wrapper.up .cta-btn-wrapper {
  width: 45vw;
  height: 11.5vw;
  margin: 0 auto 0 0;
  position: relative;
  left: initial;
  background: #e40180;
  border-radius: 50px;
  color: #ffffff;
  font-weight: 500;
}

.cta-wrapper.up .cta-btn-wrapper:hover {
  filter: brightness(1.2);
}

.cta-wrapper.up .cta-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.cta-wrapper.up .cta-btn-wrapper a {
  width: 100%;
  color: #ffffff;
  font-weight: 500;
  font-size: 4.06vw;
  padding-bottom: 0.625vw;
  letter-spacing: 0.1em;
}
/* #endregion CTA1 */
/* #region MEDIA COVERAGE */
#media-area{
  padding: 11vw 6.25vw 11vw 7.35vw;
}

#media-area .inner_wrapper_media{
  display: flex;
  flex-direction: column;
  max-width: 87.5vw;
  gap: 11vw;
}

#media-area .media_title{
  font-size: 6.25vw;
  line-height: 1.6;
  background: linear-gradient(90deg, #0079BD 0%, #04A79B 100%);
   -webkit-background-clip: text;
   background-clip: text;
   -webkit-text-fill-color: transparent;
   color: transparent;
   text-align: center;
   letter-spacing: 0;
}

#media-area .media_description{
  font-size: 3.7vw;
  line-height: 1.75;
  font-weight: 400;
  text-align: center;
  color: rgba(4, 39, 74, 1);
  margin: 1.56vw 0 0 0;
  letter-spacing: 0;
}

#media-area .logo_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  list-style: none; 
  padding: 0;
  margin: 0;
  gap: 4vw 0;
  width: 100%;
}

#media-area .logo_item {
  width: 30vw;
  height: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

#media-area .yomiuri{
  width: 37.5vw;
    height: 11vw;
}
#media-area .newspicks{
  width: 22.3vw;
  height: 8.4vw;
}
#media-area .sankei{
  width: 26vw;
  height: 12.5vw;
}
#media-area .dime{
  width: 17vw;
  height: 10vw;
}
#media-area .jijitsusin{
  width: 27vw;
  height: 10vw;
  margin: 0 4vw 0 8vw;
}
#media-area .cnetjp{
  width: 30vw;
  height: 10vw;
}
#media-area .president{
  width: 26vw;
  height: 10vw;
}
#media-area .biglobe{
  width: 26vw;
  height: 10vw;
  margin: 0 4vw;
}
#media-area .genndai{
  width: 26vw;
  height: 10vw;
}

#media-area .logo_item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* #endregion MEDIA COVERAGE */
/* #region こんな状態ではありませんか？ */
#assignment-blank {
  position: relative;
  background: #ffffff;
}

#assignment-blank .inner {
  position: relative;
  padding: 16.25vw 6.09vw 40.96vw;
}
#assignment-blank .assignment-blank__items img {
  object-fit: contain;
}

#assignment-blank .assignment-blank__wrap {
  position: relative;
}

#assignment-blank .assignment-blank__bg,
#assignment-blank .assignment-blank__line {
  position: absolute;
  pointer-events: none;
}

#assignment-blank .assignment-blank__bg {
  top: -10.62vw;
  margin: 10.62vw auto 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  z-index: 0;
}

#assignment-blank .assignment-blank__bg-img,
#assignment-blank .assignment-blank__line-img {
  width: 100%;
  height: 100%;
  display: block;
}

#assignment-blank .assignment-blank__bg-img--pc,
#assignment-blank .assignment-blank__line-img--pc {
  display: none;
}

#assignment-blank .assignment-blank__line {
  top: 46.4vw;
  left: 49.4%;
  width: 44.21vw;
  height: 175.93vw;
  transform: translateX(0);
  z-index: 3;
}

#assignment-blank .assignment-blank__title {
  position: relative;
  width: 79vw;
  height: 20.53vw;
  margin: 0 auto 13.75vw;
  z-index: 2;
}
#assignment-blank .assignment-blank__title::after{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/avatar/assignment/assignment-union-sp-sd.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 284vw;
  height: 44vw;
  top: -2vw;
  left: -2vw;
}

#assignment-blank .assignment-blank__title-text {
  position: relative;
  margin: 0;
  text-align: center;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  font-size: 4.68vw;
  color: #ffffff;
  z-index: 1;
  line-height: 15.53vw;
  letter-spacing: 0;
}

#assignment-blank .assignment-blank__items {
  position: relative;
  display: flex;
  flex-direction: column;
  z-index: 2;
}

#assignment-blank .assignment-blank__item {
  position: relative;
}

#assignment-blank .assignment-blank__item--left {
  align-self: flex-start;
}

#assignment-blank .assignment-blank__item--right {
  align-self: flex-end;
}

#assignment-blank .assignment-blank__item--small {
  width: 83.28vw;
  height: 54.15vw;
}

#assignment-blank .assignment-blank__item--large {
  width: 100%;
  height: 36.25vw;
  margin-top: 25.62vw;
}
#assignment-blank .assignment-blank__item--manpower{
  position: relative;
}
#assignment-blank .assignment-blank__item--manpower::after{
  position: absolute;
  content: "";
  background: url(../img/avatar/assignment/assignment-bottom-line-sp.webp) no-repeat center / contain;
  width: 11vw;
  height: 46vw;
  top: 35.3vw;
  left: 0;
  right: 0;
  margin: auto;
}

#assignment-blank .assignment-blank__bubble {
  position: absolute;
  top: 0;
  left: 0;
}

#assignment-blank .assignment-blank__bubble-box {
  position: absolute;
  top: 0.62vw;
  left: 12.65vw;
  width: 43.75vw;
  height: 28.75vw;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.3);
  border: 0.31vw solid rgba(255, 255, 255, 0.6);
  border-radius: 3.12vw;
  box-shadow:
    1.09vw 0.78vw 2.81vw 0 rgba(0, 125, 186, 0.06),
    4.06vw 2.96vw 5.15vw 0 rgba(0, 125, 186, 0.09);
  backdrop-filter: blur(1.56vw);
  -webkit-backdrop-filter: blur(1.56vw);
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 7.18vw 0 8.59vw;
}

#assignment-blank
  .assignment-blank__item--foreign
  .assignment-blank__bubble-box {
  left: 0.93vw;
  top: 0;
}
#assignment-blank
  .assignment-blank__item--foreign
  .assignment-blank__bubble-box::before {
  top: -3.9vw;
  left: -4.53vw;
}

#assignment-blank
  .assignment-blank__item--quality
  .assignment-blank__bubble-box {
  top: 6.25vw;
  left: 2.65vw;
}
#assignment-blank
  .assignment-blank__item--quality
  .assignment-blank__bubble-box::before {
  top: -3.59vw;
  left: -4.68vw;
}

#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__bubble-box {
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  padding: 9.21vw 0 11.56vw;
  gap: 2.18vw;
}

#assignment-blank .assignment-blank__bubble-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: -3.43vw;
  left: -3.9vw;
  z-index: 1;
  background-image: url(../img/avatar/assignment/assignment-vector.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__bubble-box::before {
  width: 81%;
  height: 74%;
  top: -5.4vw;
  left: -0.63vw;
}

#assignment-blank .assignment-blank__bubble--large {
  width: 100%;
  height: 100%;
}

#assignment-blank .assignment-blank__bubble--small {
  width: 46.25vw;
  height: 30.62vw;
}

#assignment-blank
  .assignment-blank__item--bubble-right
  .assignment-blank__bubble {
  left: auto;
  right: 0;
}

#assignment-blank .assignment-blank__text {
  display: block;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  color: #083461;
  letter-spacing: 0;
}

#assignment-blank .assignment-blank__text--grad {
  background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__text--grad {
  font-size: 5vw;
  line-height: 1;
}

#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__text--dark {
  font-size: 5vw;
  line-height: 1.4375;
}

#assignment-blank
  .assignment-blank__bubble--small
  .assignment-blank__text--dark {
  font-size: 4.06vw;
  line-height: 1.7692307692;
}

#assignment-blank
  .assignment-blank__bubble--small
  .assignment-blank__text--grad {
  font-size: 4.06vw;
  line-height: 1.2307692308;
}

#assignment-blank .assignment-blank__illust {
  position: absolute;
  bottom: 0;
}

#assignment-blank .assignment-blank__illust img {
  width: 100%;
  height: auto;
  display: block;
}

#assignment-blank .assignment-blank__illust--foreign {
  width: 80.46vw;
  height: 46.25vw;
  top: 17.65vw;
  right: -5vw;
}

#assignment-blank .assignment-blank__illust--quality {
  top: 23.19vw;
    left: 28.49vw;
    width: 60.73vw;
    height: 52.79vw;
}

#assignment-blank .assignment-blank__illust--turnover {
  top: 24.68vw;
  left: -2.06vw;
  width: 64.59vw;
  height: 48.9vw;
}

#assignment-blank .assignment-blank__illust--manpower {
  right: -24.53vw;
  bottom: -35.06vw;
  width: 48.75vw;
  height: 62.81vw;
}
/* #endregion こんな状態ではありませんか？*/
/* #region うちのAI Avatarを使えば */
#example_renewal .inner {
  background-color: #ffffff;
  position: relative;
  background-image: url(../img/avatar/add/background_worldmap_sp.webp);
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 94.4vw;
}
#example_renewal .example-renewal.sp_display{
  font-weight: 700;
  font-size: 6.094vw;
  line-height: 1.64;
  text-align: center;
  letter-spacing: 0.1em;
  position: absolute;
  top: 6.563vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#example_renewal .example_head_text{
  letter-spacing: 0;
}
#example_renewal  .highlight {
  letter-spacing: 0;
}
/* #endregion うちのAI Avatarを使えば */
/* #region マルチデバイスであらゆる場所に設置 */
#multi-device {
  position: relative;
  overflow: visible;
}

#multi-device .inner {
  width: 87.5vw;
  margin: 0 auto;
}

#multi-device .multi_device__wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#multi-device .multi_device__heading {
  position: relative;
  width: 87.625vw;
  height: 19.5312vw;
  margin: 0 auto 11.25vw;
  display: flex;
  justify-content: center;
  z-index: 1;
}

#multi-device .multi_device__heading::after {
  background: url(../img/avatar/multi-device/multi-button-sp-sd.webp) no-repeat center / 100%;
  content: "";
  position: absolute;
  top: -1vw;
  left: 46vw;
  width: 95.5vw;
  height: 40vw;
  transform: translateX(-50%);
  border-radius: 7.8125vw;
}

#multi-device .multi_device__heading_text {
  position: relative;
  margin: 0;
  width: 100%;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  font-size: 4.275vw;
  line-height: 15vw;
  text-align: center;
  color: #ffffff;
  z-index: 1;
  letter-spacing: 0;
}

#multi-device .multi_device__list {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11.25vw;
  z-index: 1;
}
#multi-device .multi_device__list::before {
  content: "";
  position: absolute;
  top: 43.1vw;
  left: 49.1%;
  width: 19.0875vw;
  height: 115.8%;
  background: url(../img/avatar/multi-device/multi-line-sp.webp) no-repeat center / 100% auto;
  transform: translateX(-50%);
  z-index: 0;
}

#multi-device .multi_device__card {
  position: relative;
  width: 75vw;
  height: 98.75vw;
  z-index: 0;
}

#multi-device .multi_device__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgb(255 255 255 / 40%);
  border-radius: 2.3438vw;
  box-shadow:
    4.0625vw 2.9688vw 5.1563vw rgba(0, 125, 186, 0.09),
    1.0938vw 0.7813vw 2.8125vw rgba(0, 125, 186, 0.1);
  z-index: 0;
}

#multi-device .multi_device__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  z-index: 1;
}

#multi-device .multi_device__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#multi-device .multi_device__body {
  position: absolute;
  top: 65.7812vw;
  left: 50%;
  transform: translateX(-50%);
  width: 54.375vw;
  height: 20.7812vw;
  text-align: center;
  z-index: 1;
}

#multi-device .multi_device__title {
  margin: 0 auto;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  font-size: 4.6875vw;
  line-height: 5.625vw;
  color: #062a4e;
  letter-spacing: 0;
}

#multi-device .multi_device__text {
  margin: 2.425vw auto 0;
  font-family: "NotoSans", sans-serif;
  font-weight: 400;
  font-size: 3.55vw;
  line-height: 6.25vw;
  color: #062a4e;
  letter-spacing: 0;
}

#multi-device .multi_device__card--mobile .multi_device__image {
  width: 56.4062vw;
  height: 53.1562vw;
  top: 7.0312vw;
}

#multi-device .multi_device__card--signage .multi_device__image {
  width: 52.8125vw;
  height: 50.1562vw;
  top: 8.0375vw;
  left: 49%;
}

#multi-device .multi_device__card--web .multi_device__image {
  width: 56.9375vw;
  height: 44.5vw;
  top: 10.0312vw;
  left: 54%;
}

#multi-device .multi_device__card--mobile .multi_device__text {
  width: 50.3125vw;
}

#multi-device .multi_device__card--signage .multi_device__text {
  width: 48.75vw;
  margin: 1.925vw auto 0;
}

#multi-device .multi_device__card--web .multi_device__text {
  width: 40.6688vw;
  margin: 1.625vw auto 0;
}
/* #endregion マルチデバイスであらゆる場所に設置 */
/* #region どんな場所にいくつ設置しても */
#any-place {
  position: relative;
}

#any-place .inner {
  width: 100%;
  max-width: 685.19px;
  margin: 0 auto;
}

#any-place .any_place {
  padding: 42.4vw 0 10.4vw;
}

#any-place .any_place__title {
  width: 84.7292vw;
  max-width: 560px;
  margin: 0 auto 11vw;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  font-size: 5.554vw;
  line-height: 10vw;
  letter-spacing: 0.1em;
  text-align: center;
  color: #083461;
}

#any-place .any_place__title span {
  display: block;
  letter-spacing: 0;
}
#any-place .any_place__title span.txt_grad {
  display: inline;
  background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

#any-place .any_place__visual {
  position: relative;
  margin: 0 auto;
  width: 100vw;
}

#any-place .any_place__image {
  width: 100%;
  height: 100%;
}

#any-place .any_place__image img {
  width: 100%;
  height: 100%;
  display: block;
}
/* #endregion どんな場所にいくつ設置しても */
/* #region うちのAI Avatarの特徴 */
#feature_renewal {
  background-color: #ffffff;
  position: relative;
  background-image: url('../img/avatar/add/うちのAIの特徴_bg.webp');
  background-repeat: no-repeat;
  background-size: cover;
}
#feature_renewal .feature_inner {
  width: 100%;
  margin: 0 auto;
  padding: 16.25vw 3.125vw 0;
}
#feature_renewal .feature_main_title {
  width: 100%;
  height: 10vw;
  text-align: center;
  font-weight: 700;
  font-size: 6.25vw;
  line-height: 1.6;
  background: linear-gradient(90deg, #0079BD 0%, #04A79B 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
  backdrop-filter: blur(20px);
  margin: 0 0 16.25vw;
  letter-spacing: 0;
}
#feature_renewal .feature_container {
  margin-bottom: 16.2vw;
}
.feature_container:last-child {
  margin-bottom: 0;
}
#feature_renewal .feature_lists {
  display: flex;
  justify-content: center; 
  align-items: center; 
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
#feature_renewal .feature_img {
  width: 42.5vw;
  height: auto;
  order: -1;
}
#feature_renewal .feature_img.pc {
  width: 75.25vw;
}
#feature_renewal .feature_img.tablet {
  width: 75.469vw;
}
#feature_renewal .feature_img img {
  width: 100%;
  height: auto;
}
#feature_renewal .feature_card {
  width: 87.5vw;
  height: auto;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 4.688vw;
  box-shadow: 26px 19px 33px rgba(0, 125, 186, 0.09), 7px 5px 18px rgba(0, 125, 186, 0.06);
  padding: 0px 0px 6.2vw;
  margin-top: 4.688vw;
  position: relative;
}
#feature_renewal .feature_card.sec{
  margin-top: 21.688vw;
}
#feature_renewal .feature_card.jus{
  margin-top: 21.688vw;
}
#feature_renewal .feature_card.wrd{
margin-top: 22.688vw;
}
#feature_renewal .feature_card.base{
  margin-top: 21.688vw;
}
#feature_renewal .feature_card.anz{
  margin-top: 18.688vw;
}
#feature_renewal .feature_card.ans{
  margin-top: 21.688vw;
}
#feature_renewal .box_wrap {
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  align-items: center;
}
#feature_renewal .box_catch {
  width: 76.406vw;
  height: 12.5vw;
  font-size: 4.063vw;
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 2.8;
  border-radius: 7.813vw;
  outline: 0.625vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.6vw;
  margin-top: -45px;
  box-shadow: 105px 77px 52px rgba(0, 125, 186, 0.01), 59px 43px 44px rgba(0, 125, 186, 0.05), 26px 19px 33px rgba(0, 125, 186, 0.09), 7px 5px 18px rgba(0, 125, 186, 0.1);
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 121, 189, 0.7) 0%, rgba(4, 167, 155, 0.7) 100%);
  backdrop-filter: blur(20px);
  display:flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
}
#feature_renewal .feature_card.sec .box_catch{
  width: 76.7vw;
}
#feature_renewal .feature_card.jus .box_catch{
  width: 68.606vw;
}
#feature_renewal .feature_card.wrd .box_catch{
  width: 68vw;
}
#feature_renewal .feature_card.base .box_catch{
  width: 62.406vw;
}
#feature_renewal .feature_card.anz .box_catch{
  width: 80.406vw;
}
#feature_renewal .feature_card.ans .box_catch{
  width: 68.406vw;
}
#feature_renewal .box_image {
  width: 27.500vw;
  height: auto;
  margin: 0 auto; 
  margin-top: 7.187vw;
  margin-bottom: 12.5vw;
}
#feature_renewal .box_image.one{
  margin-top: 9.031vw;
}
#feature_renewal .box_image.two {
  width: 30.938vw;
  margin-top: 13.431vw;
}
#feature_renewal .box_image.three {
  width: 39.843vw;
  margin-left: 19.531vw;
  margin-bottom: 12.769vw;
}
#feature_renewal .box_image.four {
  width: 40.938vw;
  margin-top: 11.187vw;
  margin-bottom: 11.5vw;
}
#feature_renewal .box_image.five {
  width: 47.969vw;
  margin-top: 11.406vw;
  margin-left: 14.563vw;
  margin-bottom: 11.5vw;
}
#feature_renewal .box_image.six {
  width: 25.156vw;
  margin-top: 9.219vw;
  margin-bottom: 5.469vw;
}
#feature_renewal .box_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
#feature_renewal .box_title {
  height: 6.563vw;
  color: #083461;
  font-size: 4.688vw;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  margin-bottom: 2.344vw;
  letter-spacing: 0;
}
#feature_renewal .box_text {
  width: 71.9vw;
  height: 25vw;
  color: #083461;
  font-weight: 400;
  font-size: 3.594vw;
  line-height: 6.25vw;
  text-align: left;
  text-shadow: 0px 197px 79px rgba(16, 47, 61, 0.01), 0px 111px 67px rgba(16, 47, 61, 0.05), 0px 49px 49px rgba(16, 47, 61, 0.09), 0px 12px 27px rgba(16, 47, 61, 0.1);
  letter-spacing: 0;
}
#feature_renewal .feature_remark {
  font-size: 3.125vw;
  line-height: 2.8;
}
/* #endregion うちのAI Avatarの特徴 */
/* #region サポート負担を70%カット */
.small {
  display: block;
  width: 100%;
  margin-top: -5.563vw;
  font-size: 2.5vw;
  line-height: 1.5;
  font-weight: 300;
  text-align: right;
  letter-spacing: 0;
}
.support_remark {
  font-size: 2.5vw;
  font-weight: 300;
  color: #083461;
  line-height: 1.6;
  letter-spacing: 0;
}
#support_renewal .support_inner {
  width: 100%;
  max-width: 207.5vw;
  height: 189.813vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  padding: 0 5vw;
}
#support_renewal .support_container {
  width: 88.594vw;
  padding-top: 8.45vw;
}
#support_renewal .support_main_title {
  width: 100%;
  height: 20vw;
  color: #083461;
  font-size: 6.25vw;
  line-height: 1.7;
  font-weight: 700;
  margin-bottom: 9.638vw;
  /* text-align: right; */
  white-space: nowrap;
  letter-spacing: 0;
}
#support_renewal .support_text {
  width: 88.594vw;
  height: auto;
  font-size: 3.594vw;
  line-height: 1.95;
  line-height: 2;
  font-weight: 400;
  color: #083461;
  text-shadow: 0px 197px 79px rgba(16, 47, 61, 0.01), 0px 111px 67px rgba(16, 47, 61, 0.05), 0px 49px 49px rgba(16, 47, 61, 0.09), 0px 12px 27px rgba(16, 47, 61, 0.1);
  margin-bottom: 1.563vw;
  letter-spacing: 0;
}
#support_renewal .br_pc {
  display: none;
}
#support_renewal .support_img_area_sp {
  width: 95.656vw;
  height: 120vw;
  position: relative;
  left: 2vw;
}
#support_renewal .support_img_area_pc {
 display: none;
}
/* #endregion サポート負担を70%カット */
/* #region CTA2 */
.cta-wrapper.middle {
  position: relative;
  overflow: hidden;
}

.cta-wrapper.middle .bgimg {
  display: none;
}

.cta-wrapper.middle > .inner {
  position: relative;
  padding: 21.8vw 5vw;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      rgb(0 121 189 / 80%) 0%,
      rgb(4 167 155 / 93%) 100%
    ),
    url(../img/avatar/pc/cta_bgimg2.webp)
      no-repeat -3vw -12vw / 80%;
}

.cta-wrapper.middle .cta-content {
  color: #ffffff;
  max-width: 1328px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: initial;
}

.cta-wrapper.middle .cta-img {
  display: none;
  margin: 0;
}

.cta-wrapper.middle .cta-img > img {
  max-height: 531px;
}

.cta-wrapper.middle .cta-cont-box {
  text-align: center;
  width: 90vw;
  margin: 0;
  font-family: "YuGothic", sans-serif;
}

.cta-wrapper.middle .cta-description h2 {
  font-weight: 500;
  font-size: 6.25vw;
  line-height: 10vw;
  margin-bottom: 3.8vw;
  letter-spacing: 0;
}

.cta-wrapper.middle .cta-description p {
  font-weight: 300;
  font-size: 3.75vw;
  line-height: 6.8vw;
  letter-spacing: 0.1em;
  margin-bottom: 8.5vw;
  letter-spacing: 0;
}

.cta-wrapper.middle .cta-btn-box {
  width: 75vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-direction: column-reverse;
  gap: 5vw;
}

.cta-wrapper.middle .cta-btn-wrapper {
  width: 351px;
  height: 74px;
  margin: 0 auto;
  max-width: initial;
  position: relative;
  bottom: initial;
  left: -8px;
  background: #e40180;
  border-radius: 50px;
  color: #ffffff;
  font-weight: 500;
}

.cta-wrapper.middle .cta-btn-wrapper:hover {
  filter: brightness(1.2);
}

.cta-wrapper.middle .cta-btn-wrapper.inquiry {
  min-width: initial;
  width: 100%;
  height: 14vw;
  left: initial;
  right: initial;
  margin: 0;
  bottom: initial;
  position: relative;
}

.cta-wrapper.middle .cta-btn-wrapper.demo-reserve {
  max-width: initial;
  width: 100%;
  height: 14vw;
  bottom: initial;
  left: initial;
  right: initial;
  margin: 0;
  position: relative;
}

.cta-wrapper.middle .cta-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.cta-wrapper.middle .cta-btn-wrapper a {
  width: 100%;
  color: #ffffff;
  font-weight: 500;
  font-size: 4.06vw;
  padding-bottom: 0.625vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.low {
  height: 100vw;
}
/* #endregion CTA2 */
/* #region うちのAI Avatarの機能 */
#function-renew {
  position: relative;
}
#function-renew .inner {
  width: 100%;
}
#function-renew .function_renew {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16.25vw 5.94vw;
  gap: 13.13vw;
}

#function-renew .function_renew__title {
  margin: 0;
  width: 87.5vw;
  height: 10vw;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  font-size: 6.25vw;
  line-height: 10vw;
  text-align: center;
  background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

#function-renew .function_renew__list {
  width: 87.66vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16.25vw;
}

#function-renew .function_renew__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#function-renew .function_renew__media {
  width: 82.03vw;
  height: 54.21vw;
  display: flex;
  justify-content: center;
}
#function-renew .function_renew__item--analysis .function_renew__media {
  width: 82.03vw;
  height: 54.21vw;
}

#function-renew .function_renew__image {
  position: relative;
}

#function-renew .function_renew__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

#function-renew .function_renew__content {
  position: relative;
  width: 87.5vw;
}

#function-renew .function_renew__line {
  position: absolute;
  left: 11.66vw;
  top: -31.8vw;
  width: 14.8vw;
  height: 31.85vw;
  background-image: url(../img/avatar/function-renew/function_line_mobile.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}
#function-renew .function_renew__item--switch .function_renew__line {
  left: 11.66vw;
  top: -36.6vw;
  width: 14.8vw;
  height: 36.85vw;
}

#function-renew .function_renew__label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.25vw;
  margin: 0 auto;
  font-family: "NotoSans", sans-serif;
  font-weight: 700;
  font-size: 4.06vw;
  line-height: 6.56vw;
  letter-spacing: 0.1em;
  color: #ffffff;
  text-align: center;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.8) 0%,
    rgba(4, 167, 155, 0.8) 100%
  );
  outline: 0.5vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.6vw;
  box-shadow:
    16.41vw 12.03vw 8.12vw rgba(0, 125, 186, 0.01),
    9.22vw 6.72vw 6.88vw rgba(0, 125, 186, 0.05),
    4.06vw 2.97vw 5.16vw rgba(0, 125, 186, 0.09),
    1.09vw 0.78vw 2.81vw rgba(0, 125, 186, 0.1);
  backdrop-filter: blur(3.12vw);
  -webkit-backdrop-filter: blur(3.12vw);
  border-radius: 7.81vw;
  z-index: 1;
}

#function-renew .function_renew__text {
  position: relative;
  margin: 6.09vw 0 0;
  width: 87.5vw;
  font-family: "NotoSans", sans-serif;
  font-weight: 400;
  font-size: 3.75vw;
  letter-spacing: 0;
  line-height: 6.56vw;
  color: #083461;
  text-shadow:
    0 30.78vw 12.34vw rgba(16, 47, 61, 0.01),
    0 17.34vw 10.47vw rgba(16, 47, 61, 0.05),
    0 7.66vw 7.66vw rgba(16, 47, 61, 0.09),
    0 1.88vw 4.22vw rgba(16, 47, 61, 0.1);
  z-index: 1;
}

#function-renew .function_renew__item--learn .function_renew__image {
  position: absolute;
  width: 103.03vw;
  height: 66.21vw;
  top: 0vw;
  left: 3.1vw;
}

#function-renew .function_renew__item--learn .function_renew__content {
  margin-top: 5.53vw;
}

#function-renew .function_renew__item--learn .function_renew__label {
  width: 79.69vw;
}

#function-renew .function_renew__item--analysis .function_renew__image {
  position: absolute;
  width: 103.7vw;
  height: 56.6vw;
  top: -1.7vw;
  left: 0vw;
}

#function-renew .function_renew__item--analysis .function_renew__content {
  margin-top: 5.16vw;
  top: -5.3vw;
}

#function-renew .function_renew__item--analysis .function_renew__label {
  width: 48.75vw;
}

#function-renew .function_renew__item--switch .function_renew__image {
  width: 103.34vw;
  height: 69.74vw;
  top: -7.4vw;
  left: 2vw;
  position: absolute;
}

#function-renew .function_renew__item--switch .function_renew__content {
  margin-top: 0;
}

#function-renew .function_renew__item--switch .function_renew__label {
  width: 70.78vw;
}
/* #endregion うちのAI Avatarの機能 */
/* #region こんなシーンで大活躍 */
#scenes{
  padding-bottom: 57.18vw;
  padding-top: 16.25vw;
  background: #ffffff url(../img/avatar/sp/scenes_bg.webp) no-repeat center 100% / 100%;
 }


#scenes .scene_main_title {
  display: flex;
  justify-content: center;
  margin: 0 auto 9.6vw auto;
  width: 100%;
  filter: none;
  position: relative;
  z-index: 0;
}

#scenes .scene_main_title span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%; 
  width: 61vw;
  height: 19.3vw;
  padding-bottom: 5vw; 
  color: #FFFFFF;
  font-size: 4.6vw;
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 0;
}
#scenes .scene_main_title span::after{
  content: "";
  position: absolute;
  background: url(../img/avatar/scene/Union-sp-sd.webp) no-repeat center / 100%;
  width: 87.69vw;
  height: 36.31vw;
  left: -7.35vw;
  top: 0.4vw;
  z-index: -1;
}

#scenes .inner_wrrapper_scenes{
  width: 75vw;
  margin: 0 auto;
}

#scenes .scene_list{
  display: flex;
  flex-direction: column;
  gap: 10vw; 
  padding: 0;
}
#scenes .scene_item {
  text-align: center;
  list-style: none;
}

#scenes .scene_img {
  position: relative;
  background: rgb(255 255 255 / 50%);
  padding: 1.56vw 2.5vw;
  border-radius: 6.25vw;
  margin-bottom: 4vw;
  box-shadow: 14.84vw 10.78vw 11.09vw rgb(51, 147, 202,0.05),
  6.56vw 4.84vw 8.12vw rgb(51, 147, 202,0.09);
}

#scenes .scene_img::before{
  content: '';
  display: block;
  padding-top: 61.3%;
}

#scenes .scene_img img {
  position: absolute;
  border-radius: 5.93vw;
  top: 1.56vw;   
  left: 2.5vw;
  width: calc(100% - 5vw); 
  height: calc(100% - 3.12vw); 
}

#scenes .scene_title{
    font-size: 4.6vw;
    color: rgba(8, 52, 97, 1);
    margin-bottom: 1.25vw;
    font-weight: bold;
    letter-spacing: 0;
}

#scenes .scene_text{
  font-size:3.75vw;
  line-height: 1.67;
  text-align: left;
  color: rgba(8, 52, 97, 1);
  letter-spacing: 0;
  font-weight: 400
}
/* #endregion こんなシーンで大活躍 */
/* #region CTA3 */
.cta-wrapper.low {
  height: 100vw;
  position: relative;
  overflow: hidden;
}

.cta-wrapper.low .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateX(0px);
  z-index: 0;
  height: 100%;
  width: fit-content;
}

.cta-wrapper.low > .inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 19.2vw 5vw 0;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.85) 0%,
    rgba(5, 168, 157, 0.9) 100%
  );
}

.cta-wrapper.low .cta-cont-box {
  display: block;
  max-width: 1328px;
  margin: 0 auto;
}

.cta-wrapper.low .cta-img {
  width: 50.9vw;
  height: 77.8vw;
  position: absolute;
  right: 0;
  bottom: 0;
}

.cta-wrapper.low .cta-content {
  max-width: initial;
  width: initial;
  padding: 0;
  position: relative;
  left: initial;
  margin: 0;
}

.cta-wrapper.low .cta-description {
  color: #ffffff;
  text-align: left;
}

.cta-wrapper.low .p_rel {
  position: relative;
}

.cta-wrapper.low .p_rel::before {
  position: absolute;
  content: "";
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #ffffff;
  top: -1.25vw;
  left: 0;
  right: 0;
  margin: auto;
}

.cta-wrapper.low .cta-description p {
  font-size: 4.21vw;
  font-weight: 500;
  font-family: "YuGothic", sans-serif;
  margin-bottom: 3.125vw;
  letter-spacing: 0;
}

.cta-wrapper.low .cta-description h2 {
  font-size: 6.25vw;
  font-weight: 500;
  font-family: "YuGothic", sans-serif;
  line-height: 9.06vw;
  letter-spacing: 0;
  margin-bottom: 11.25vw;
}

.cta-wrapper.low .cta-description .c_yellow {
  color: #fffd8d;
}

.cta-wrapper.low .cta-btn-wrapper {
  width: 45vw;
  height: 11.5vw;
  margin: 0 auto 0 0;
  max-width: initial;
  position: relative;
  bottom: initial;
  left: initial;
  right: initial;
  background: #e40180;
  border-radius: 7.8125vw;
  color: #ffffff;
  font-weight: 500;
}

.cta-wrapper.low .cta-btn-wrapper:hover {
  filter: brightness(1.2);
}

.cta-wrapper.low .cta-content .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.cta-wrapper.low .cta-btn-wrapper a {
  width: 100%;
  color: #ffffff;
  font-weight: 500;
  font-size: 4.06vw;
  padding-bottom: 0.625vw;
  letter-spacing: 0.1em;
}
/* iOS のみ */
@supports (-webkit-touch-callout: none) {
  .cta-wrapper.up .cta-description h2,
  .cta-wrapper.up .cta-description p,
  .cta-wrapper.up .cta-btn-wrapper,
  .cta-wrapper.up .cta-btn-wrapper p,
  .cta-wrapper.middle .cta-description h2,
  .cta-wrapper.middle .cta-description p,
  .cta-wrapper.middle .cta-btn-wrapper,
  .cta-wrapper.middle .cta-btn-wrapper p,
  .cta-wrapper.low .cta-description p,
  .cta-wrapper.low .cta-description h2,
  .cta-wrapper.low .cta-btn-wrapper,
  .cta-wrapper.low .cta-btn-wrapper p {
    font-weight: 600;
  }
}
/* #endregion CTA3 */  
/* #region フッター */
#avatar_page #under {
  padding: 44px 0 27px;
}

#avatar_page #under .f_inner {
  display: block;
}

#avatar_page #under .f_logo {
  width: 14vw;
  max-width: 229px;
  margin: 0 auto 41px;
}

#avatar_page #under .f_link p {
  margin: 0 30px;
}

#avatar_page #under .f_logo > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

#avatar_page #under .f_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#avatar_page #overallTop #under .f_link p {
  margin: 0 30px;
}
/* #endregion フッター */
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
  タブレット（641px〜1391px）
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width: 641px) and (max-width: 1391px) {
/* #region 共通 */
.pc_display {
  display: block;
}
.sp_display {
  display: none !important;
}
/* #endregion 共通 */
/* #region メインビジュアル*/
.mv-wrapper {
  background: #fff no-repeat
    url(../img/avatar/pc/mvbg.webp) 100% /
    cover;
  margin-bottom: 10.344vw;
  height: 54.022vw;
  margin-top: 5.747vw;
}
.mv-wrapper .inner {
  height: 100%;
  max-height: 100%;
}
.mv-bg-image {
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  max-width: 49.353vw;
  z-index: 1;
}
.mv-img {
  width: 107.758vw;
  height: 53.879vw;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  transform: translateX(25%);
}

.mv-img > img {
  object-fit: contain;
}
.mv-phrase {
  max-width: 25.933vw;
  z-index: 3;
  bottom: 22.557vw;
  left: -55.531vw;
  letter-spacing: 0.1em;
}
.mv-phrase > h2 {
  font-size: 3.017vw;
  line-height: 4.597vw;
  width: 26.939vw;
  margin: 0 auto 2.873vw;
}
.mv-phrase > p {
  font-size: 1.436vw;
  line-height: 3.017vw;
  width: 26.939vw;
}
.mv-content .cta-btn-wrapper {
  width: 26.149vw;
      height: 5.316vw;
  border-radius: 3.591vw;
  bottom: 13.290vw;
  left: -55.531vw;
}
.mv-content .cta-btn-wrapper a {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.724vw;
  line-height: 5.172vw;
  letter-spacing: 0.1em;
  color: #ffffff;
}
/* #endregion メインビジュアル*/
/* #region うちのAI Avatarとは？ */
#about-ai {
  max-width: 95.402vw;
  margin: 0 auto 6.896vw;
  padding: 0;
}

#about-ai .inner_wrapper_about_ai{
  max-width: 95.402vw;
  height: 39.798vw;
  flex-direction: row;
  gap:3.448vw;
}

#about-ai .about_content {
  justify-content: center;
  gap: 2.873vw;
  width: 43.313vw;
  flex-shrink: 0;
  position: relative;
  top: -1.795vw;
  left: 2.083vw;
}

#about-ai .about_logo {
  width: 6.393vw;
  height: 3.591vw;
}


#about-ai .about_title {
  margin-bottom: 0px;
  font-size: 2.298vw;
  letter-spacing: 0.1em;
 }

 #about-ai .about_description {
  font-size: 1.293vw;
  letter-spacing: 0.1em;
  line-height: 2.3;
  overflow-wrap: break-word;
 }


#about-ai .about_image{
  margin:0;
 }

 #about-ai .about_image_box{
  width: 50.574vw;
  height: 39.798vw;
 }

#about-ai .about_image_box img.sp-only {
  display: none;
}

#about-ai .about_image_box img.pc-only {
  display: block;
  position: absolute;
  height: auto;
  width: 100%;
  top: 0;
}  
/* #endregion うちのAI Avatarとは？ */
/* #region 話しかけてみてください */
#try {
  margin-bottom: 6.106vw;
}

#try .inner {
  width: 78.160vw;
  margin: 0 auto;
  padding: 0;
}

.try-head {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  top: initial;
  left: -17.959vw;
  z-index: 1;
}
.try-head-button::before {
  position: absolute;
  content: " ＼百聞は一見にしかず／";
  top: -3.448vw;
  font-weight: 500;
  font-size: 1.580vw;
  line-height: 3.017vw;
  background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  letter-spacing: 0.1em;
}
.try-head-button {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.149vw 0;
  gap: 0.718vw;
  width: 23.132vw;
  height: 4.597vw;
  left: initial;
  top: initial;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.7) 0%,
    rgba(4, 167, 155, 0.7) 100%
  );
  box-shadow: 1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09);
  backdrop-filter: blur(1.436vw);
  border-radius: 3.591vw;
  font-style: normal;
  font-weight: 700;
  font-size: 1.580vw;
  line-height: 2.298vw;
  text-align: center;
  color: #ffffff;
  outline: 0.287vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.287vw;
}
.try-head-button::after {
  position: absolute;
  content: "";
  background: url(../img/avatar/talk_to/talk_to_line_pc.webp) no-repeat 100% /
    contain;
  width: 4.071vw;
  height: 7.040vw;
  top: 4.166vw;
  left: 7.183vw;
  z-index: 999;
}
.try-head-message {
  position: absolute;
  width: 18.396vw;
  height: 2.873vw;
  left: 52.227vw;
  top: 1.867vw;
  font-style: normal;
  font-weight: 400;
  font-size: 1.005vw;
  line-height: 1.436vw;
  color: #083461;
}

.popup-btn {
  position: absolute;
  max-width: 24.425vw;
  width: 20.3vw;
  height: 8vw;
  max-height: 4.885vw;
  top: 2.514vw;
  left: 0;
  border-radius: 3.591vw;
}

.popup-btn:hover {
  background: #ffffff3d;
}

.try-content {
  position: relative;
  width: initial;
  height: initial;
  margin: 4.885vw auto 0;
}

#try .popup-btn {
  display: block;
  position: absolute;
  top: -9.051vw;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 77.873vw;
  height: 49.353vw;
  max-width: initial;
  max-height: initial;
  z-index: 99;
  border-radius: 2.873vw;
}
#try .try-head .popup-btn {
  width: 23.132vw;
  height: 4.597vw;
  border-radius: 3.591vw;
  top: 0;
}

.try-content > .popup-btn:hover {
  filter: brightness(1.2);
}

.try-content-img {
  width: 100%;
  height: 100%;
  border-radius: 2.873vw;
}

.comment-first {
  position: absolute;
  width: 6.050vw;
  top: 26.724vw;
  left: -8.692vw;
}

.comment-sec {
  position: absolute;
  width: 4.415vw;
  bottom: 3.160vw;
  left: -4.741vw;
  top: initial;
}

.comment-third {
  position: absolute;
  width: 3.984vw;
  bottom: 16.954vw;
  right: -7.183vw;
  top: initial;
}

.comment-first::before,
.comment-sec::before,
.comment-third::before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff91;
  border: 0.215vw solid;
  border-image-source: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.1) 50%
  );
  max-height: 6.896vw;
  height: 7vw;
  font-size: 1.436vw;
  text-align: center;
  border-radius: 3.591vw 3.591vw 3.591vw 0.215vw;
}

.comment-first::before {
  top: -7.543vw;
  left: 4.310vw;
  width: 9.913vw;
  content: "こんにちは";
  font-size: 1.436vw;
}

.comment-sec::before {
  top: -5.890vw;
  left: 3.591vw;
  width: 12.787vw;
  height: 6.824vw;
  line-height: 6.824vw;
  content: "何ができるの？";
  font-size: 1.436vw;
}

.comment-third::before {
  width: 13.721vw;
  border-radius: 3.591vw 3.591vw 0.215vw 3.591vw;
  top: -5.603vw;
  left: -14.870vw;
  content: "うちのAIって何？";
  font-size: 1.436vw;
}

.comment-first::after,
.comment-sec::after,
.comment-third::after {
  position: absolute;
  content: "";
  background: url(../img/avatar/ellipse.webp)
    no-repeat 100% / auto;
  width: 6.609vw;
  height: 3.232vw;
  top: 12.931vw;
  left: -0.718vw;
}
/* #endregion 話しかけてみてください */
/* #region CTA1 */
.cta-wrapper.up {
  height: 100%;
}

.cta-wrapper.up > .inner {
  padding: 0 4.37vw;
  height: auto;
  background: linear-gradient(
    90deg,
    #0079bd 0%,
    rgba(0, 120, 189, 0.85) 40%,
    rgba(4, 169, 158, 0.85) 100%
  );
}

.cta-wrapper.up .bgimg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  height: auto;
  width: fit-content;
  transform: translateX(30vw);
}

.cta-wrapper.up .cta-content {
  padding-top: 5.7vw;
  gap: 5.54vw;
  flex-direction: row;
}

.cta-wrapper.up .cta-cont-box {
  text-align: center;
  width: 42.8vw;
  padding-top: 2.26vw;
  margin: 0 auto;
}

.cta-wrapper.up .cta-description {
  margin-bottom: 4.37vw;
}

.cta-wrapper.up .cta-img {
  width: 43.2vw;
  height: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  position: static;
  right: auto;
  bottom: auto;
}

.cta-wrapper.up .cta-description h2 {
  font-size: 3.125vw;
  line-height: 5vw;
  margin-bottom: 2.5vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.up .cta-description p {
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 3.28vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.up .cta-btn-wrapper {
  width: 27.4vw;
  height: 5.78vw;
  margin: 0 auto;
  left: 0;
}

.cta-wrapper.up .cta-btn-wrapper a {
  font-size: 1.71vw;
  padding-bottom: 0;
}
/* #endregion CTA1 */
/* #region MEDIA COVERAGE */
#media-area{
  padding: 6.465vw 0 6.034vw;
}
#media-area .inner_wrapper_media{
  gap: 5.172vw;
  max-width: 114.583vw;
  margin: 0 auto;
}


#media-area .media_title{
  font-size: 2.298vw;
  letter-spacing: .1em;
}
#media-area .media_description{
  font-size: 1.293vw;
  line-height: initial;
  font-weight: 500;
  margin: 0.790vw 0 0 0;
  letter-spacing: .1em;
}

#media-area .logo_list{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  height: 4.094vw;
  padding: 0 2.298vw;
}

#media-area .logo_item {
flex: 0 1 auto;
display: flex;
justify-content: center;
}

#media-area .yomiuri{
  width: 15.086vw;
  height: 4.094vw;
}
#media-area .newspicks{
  width: 8.620vw;
  height: 3.448vw;
}
#media-area .sankei{
  width: 9.482vw;
  height: 4.094vw;
  margin: 0.431vw 2.442vw 0px 0.574vw;
}
#media-area .dime{
  width: 5.603vw;
  height: 4.094vw;
  margin: 0.431vw 3.520vw 0 0;
}
#media-area .jijitsusin{
  width: 7.902vw;
  height: 4.094vw;
  margin: 0 2.658vw 0 0;
}
#media-area .cnetjp{
  width: 7.614vw;
  height: 4.094vw;
  margin: 0.574vw 4.094vw 0 0;
}
#media-area .president{
  width: 14.367vw;
  height: 4.094vw;
  margin: 1.293vw 4.022vw 0 0;
}
#media-area .biglobe{
  width: 9.770vw;
  height: 4.094vw;
  margin: 0.862vw 5.387vw 0 0;
}
#media-area .genndai{
  width: 10.129vw;
  height: 4.094vw;
  margin: 0.431vw 0 0 0;
}

#media-area .logo_item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* #endregion MEDIA COVERAGE */
/* #region こんな状態ではありませんか？ */
#assignment-blank {
  padding: 8.620vw 0 0;
  overflow: hidden;
}
#assignment-blank .inner {
  max-width: 108.477vw;
  height: 62.859vw;
  padding: 0;
  margin: 0 auto;
}
#assignment-blank .assignment-blank__bg {
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 192.169vw;
  height: 103.304vw;
  margin: 0 auto;
}
#assignment-blank .assignment-blank__bg img {
  object-fit: cover;
}
#assignment-blank .assignment-blank__bg-img--sp,
#assignment-blank .assignment-blank__line-img--sp {
  display: none;
}

#assignment-blank .assignment-blank__bg-img--pc,
#assignment-blank .assignment-blank__line-img--pc {
  display: block;
}
#assignment-blank .assignment-blank__line {
  top: 14.583vw;
  left: -4.885vw;
  right: 0;
  bottom: 0;
  width: 49.928vw;
  height: 62.540vw;
  transform: translateX(0);
  margin: 0 auto;
}

#assignment-blank .assignment-blank__title {
  width: 27.729vw;
  height: 8.979vw;
  margin: 0 auto;
  position: relative;
  right: 2.155vw;
}
#assignment-blank .assignment-blank__title::after {
  background-image: url(../img/avatar/assignment/assignment-union-pc-sd.webp);
  width: 38.86vw;
  height: 18.89vw;
  top: -1.64vw;
  left: -0.50vw;
}
#assignment-blank .assignment-blank__title-text {
  font-size: 1.724vw;
  line-height: 5.172vw;
}
#assignment-blank .assignment-blank__title-text::after {
  display: none;
}
#assignment-blank .assignment-blank__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#assignment-blank .assignment-blank__bubble-box {
  width: 18.274vw;
  height: 12.643vw;
  top: 0;
  left: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  border: 0.143vw solid rgba(255, 255, 255, 0.6);
  box-shadow:
    1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09),
    0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.06);
  backdrop-filter: blur(0.359vw);
  -webkit-backdrop-filter: blur(0.359vw);
  border-radius: 1.436vw;
}
#assignment-blank
  .assignment-blank__bubble--small
  .assignment-blank__text--dark {
  font-size: 1.580vw;
  line-height: 2.0909090909;
}

#assignment-blank
  .assignment-blank__bubble--small
  .assignment-blank__text--grad {
  font-size: 1.580vw;
  line-height: 1.4545454545;
}
#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__text--grad {
  font-size: 2.011vw;
  line-height: 1.1428571429;
}
#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__text--dark {
  font-size: 2.011vw;
  line-height: 1.6428571429;
}
#assignment-blank .assignment-blank__bubble--small {
  width: 100%;
  height: 100%;
}

#assignment-blank .assignment-blank__bubble-box::before {
  top: -1.867vw;
  left: -2.586vw;
}
/* 離職と~ */
#assignment-blank .assignment-blank__item--turnover {
  order: 0;
  position: relative;
  width: 24.524vw;
  height: 19.109vw;
  left: 8.692vw;
}
#assignment-blank
  .assignment-blank__item--turnover
  .assignment-blank__bubble--small {
  right: initial;
  left: initial;
  bottom: initial;
  top: initial;
  width: 100%;
  height: 100%;
}
#assignment-blank .assignment-blank__illust--turnover {
  top: initial;
  left: -1.436vw;
  right: initial;
  bottom: -8.117vw;
  width: 100%;
  height: 100%;
}
#assignment-blank
  .assignment-blank__item--turnover
  .assignment-blank__bubble-box {
  width: 17.241vw;
  height: 11.494vw;
  left: 2vw;
  right: 0;
  padding: 2.442vw 0 3.663vw;
}
/* 外国語~ */
#assignment-blank .assignment-blank__item--foreign {
  order: 2;
  background: rgb(4 167 155 / 0%);
  position: relative;
  width: 29.624vw;
  height: 18.289vw;
  top: 2.011vw;
  left: 18.390vw;
}
#assignment-blank
  .assignment-blank__item--bubble-right
  .assignment-blank__bubble {
  width: 100%;
  height: 100%;
  left: initial;
}
#assignment-blank
  .assignment-blank__item--foreign
  .assignment-blank__bubble-box::before {
  top: -1.724vw;
  left: -1.364vw;
}
#assignment-blank
  .assignment-blank__item--foreign
  .assignment-blank__bubble-box {
  width: 17.241vw;
  height: 11.494vw;
  padding: 2.442vw 0 3.663vw;
  left: -4vw;
  top: 0;
}
#assignment-blank .assignment-blank__illust--foreign {
  width: 33.405vw;
  height: 28.735vw;
  top: 7.902vw;
  right: initial;
  left: -12.931vw;
  bottom: initial;
}
/* 対応する~ */
#assignment-blank .assignment-blank__item--quality {
  order: 1;
  position: relative;
  width: 24.115vw;
  height: 23.894vw;
  left: 21.623vw;
  top: 5.387vw;
}
#assignment-blank
  .assignment-blank__item--quality
  .assignment-blank__bubble-box {
  padding: 2.442vw 0 3.663vw;
  top: 0;
  left: 0;
}
#assignment-blank
  .assignment-blank__item--quality
  .assignment-blank__bubble-box::before {
  top: -1.724vw;
  left: -1.508vw;
}
#assignment-blank .assignment-blank__illust--quality {
  top: 5.244vw;
  left: 8.189vw;
  right: initial;
  bottom: 0;
  width: 28.735vw;
  height: 28.735vw;
}

/* マンパワー */
#assignment-blank .assignment-blank__item--large {
  order: 3;
  width: 30.244vw;
  height: 18.750vw;
  margin-top: 0;
  top: -9.698vw;
  left: -14.367vw;
}
#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__bubble-box::before {
  width: 100%;
  height: 100%;
  top: -1.364vw;
  left: -1.508vw;
}
#assignment-blank .assignment-blank__bubble--large {
  width: 100%;
  height: 100%;
}
#assignment-blank .assignment-blank__illust--manpower {
  right: -10.775vw;
  bottom: -8.261vw;
  width: 21.551vw;
  height: 21.551vw;
}
#assignment-blank .assignment-blank__item--manpower::after{
  display: none;
}
#assignment-blank
  .assignment-blank__bubble--large
  .assignment-blank__bubble-box {
  width: 28.160vw;
  height: 12.428vw;
  padding: 3.089vw 0 3.232vw;
  gap: 0;
}
/* #endregion こんな状態ではありませんか？ */
/* #region うちのAI Avatarを使えば */
#example_renewal{
  position: relative;
}
#example_renewal .inner::after{
  position: absolute;
  content: "";
  background: url(../img/avatar/assignment/assignment-bottom-line-pc.webp) no-repeat center / 100%;
  width: 3.807vw;
  height: 8.189vw;
  left: 0.287vw;
  right: 0;
  top: -0.071vw;
  margin: auto;
  z-index: 1;
}
#example_renewal .inner {
  position: relative;
  padding: 0;
  background: none;
  height: 100%;
}

#example_renewal .example_head_text {
  position: relative;
  z-index: 2;
  font-size: 2.729vw;
  font-weight: 700;
  line-height: 1.68;
  text-align: center;
  letter-spacing: 0.1em;
  color: #062A4E;
  filter: drop-shadow(7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01)) drop-shadow(4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05)) drop-shadow(1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09)) drop-shadow(0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1));
}
#example_renewal .highlight {
  letter-spacing: 0.1em;
}
#feature_renewal .feature_container {
  margin-bottom: 6.896vw;
}
#feature_renewal .feature_container:last-child{
  margin-bottom: 9.626vw;
}
#example_renewal .example_head_renewal.pc_display{
  position: relative;
  width: 50.977vw;
  font-weight: 700;
  font-size: 2.729vw;
  line-height: 1.68;
  text-align: center;
  letter-spacing: 0.1em;
  left: 0;
  margin: 0 auto;
  margin-bottom: 16.163vw;
  padding: 10.775vw 0 0;
  z-index: 1;
}
#example_renewal .example_head_renewal.pc_display::after {
  position: absolute;
  content: "";
  width: 142.959vw;
  height: 58.908vw;
  background: url(../img/avatar/pc/bg_map.webp);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0.359vw;
  left: -7.902vw;
  right: 0;
  margin: auto;
}
/* #endregion うちのAI Avatarを使えば */
/* #region マルチデバイスであらゆる場所に設置 */
#multi-device {
  padding-bottom: 7.183vw;
}

#multi-device .inner {
  width: 100%;
  max-width: 92.959vw;
  margin: 0 auto;
}

#multi-device .multi_device__heading {
  width: 34.770vw;
  height: 8.979vw;
  margin: 0.933vw auto 2.873vw;
}

#multi-device .multi_device__heading::after {
  background: url(../img/avatar/multi-device/multi-button-pc-sd.webp) no-repeat center / 100%;
  width: 46.69vw;
  height: 17.31vw;
  border-width: 0.28vw;
  border-radius: 3.59vw;
  left: 22.55vw;
  top: 0;
}

#multi-device .multi_device__heading_text {
  font-size: 1.724vw;
  line-height: 6.681vw;
  letter-spacing: 0;
}

#multi-device .multi_device__list {
  flex-direction: row;
  justify-content: center;
  gap: 4.454vw;
}
#multi-device .multi_device__list::before {
  background: url(../img/avatar/multi-device/multi-line-pc.webp) no-repeat center /
    100% auto;
  top: 18.247vw;
  width: 68%;
  left: 45.833vw;
}

#multi-device .multi_device__card {
  width: 28.017vw;
  height: 46.982vw;
}

#multi-device .multi_device__card::before {
  height: 38.505vw;
  border-width: 0.071vw;
  border-radius: 1.077vw;
  box-shadow:
    1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09),
    0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1);
  backdrop-filter: blur(1.436vw);
  -webkit-backdrop-filter: blur(1.436vw);
}

#multi-device .multi_device__card--mobile::before {
  box-shadow: 0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.06);
  backdrop-filter: blur(0.359vw);
  -webkit-backdrop-filter: blur(0.359vw);
}

#multi-device .multi_device__card::after {
  content: "";
  position: absolute;
  left: 1.221vw;
  bottom: 0;
  width: 25.646vw;
  height: 1.293vw;
  background: rgba(0, 121, 189, 0.2);
  filter: blur(1.436vw);
  z-index: 0;
}

#multi-device .multi_device__image {
  transform: none;
}

#multi-device .multi_device__card--mobile .multi_device__image {
  width: 21.479vw;
  height: 25.502vw;
  top: -0.646vw;
  left: 3.951vw;
}

#multi-device .multi_device__card--signage .multi_device__image {
  width: 21.839vw;
  height: 21.408vw;
  top: 1.724vw;
  left: 3.879vw;
}

#multi-device .multi_device__card--web .multi_device__image {
  width: 23.419vw;
  height: 19.540vw;
  top: 3.448vw;
  left: 3.089vw;
}

#multi-device .multi_device__body {
  top: 26.077vw;
  left: 0;
  transform: none;
  width: 100%;
  height: 7.471vw;
  text-align: center;
}

#multi-device .multi_device__title {
  font-size: 2.011vw;
  line-height: 2.442vw;
  letter-spacing: 0;
}

#multi-device .multi_device__text {
  margin-top: 1.436vw;
  font-size: 1.293vw;
  line-height: 1.580vw;
}

#multi-device .multi_device__card--signage .multi_device__title {
  width: 18.031vw;
}

#multi-device .multi_device__card--web .multi_device__title {
  width: 10.344vw;
}

#multi-device .multi_device__card--mobile .multi_device__text {
  width: 17.313vw;
}

#multi-device .multi_device__card--signage .multi_device__text {
  width: 16.810vw;
  margin-top: 1.436vw;
}

#multi-device .multi_device__card--web .multi_device__text {
  width: 14.798vw;
  margin-top: 1.436vw;
}
/* #endregion マルチデバイスであらゆる場所に設置 */
/* #region どんな場所にいくつ設置しても */
#any-place {
  position: relative;
}

#any-place .inner {
  width: 100%;
  max-width: 79.238vw;
  margin: 0 auto;
  padding-bottom: 9.554vw;
}

#any-place .any_place {
  padding: 0;
}

#any-place .any_place__title {
  width: 40.201vw;
  margin: 0 auto 6.896vw;
  font-size: 2.298vw;
  line-height: 4.022vw;
  color: #062a4e;
  filter: drop-shadow(7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01)) drop-shadow(4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05)) drop-shadow(1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09)) drop-shadow(0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1));
}
#any-place .any_place__title span {
  letter-spacing: 0.1em;
}
#any-place .any_place__visual {
  width: 87.931vw;
}

#any-place .any_place__image img {
  object-fit: contain;
}
/* #endregion どんな場所にいくつ設置しても */
/* #region うちのAI Avatarの特徴 */
#feature_renewal {
  margin-top: 0;
  padding-bottom: 6.465vw;
}  
#feature_renewal .feature_inner {
  padding: 8.620vw 2.298vw 0;
}
#feature_renewal .feature_lists {
  max-width: 95.402vw;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 3.304vw;
  margin: 0 auto;
  padding-left: 25.143vw; 
  position: relative;  
}
#feature_renewal .feature_card {
  width: 31.034vw;
  height: 31.537vw;
  position: relative;
  z-index: 2;
  box-sizing: border-box;   
  border-radius: 2.155vw;
  padding: 0;
  margin-top: 2.155vw;
  box-shadow: 1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09), 0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.06);
}
#feature_renewal .feature_main_title {
  height: 3.017vw;
  font-size: 2.298vw;
  line-height: 1.3125;
  letter-spacing: 0.1em;
  margin-top: 0;
  margin-bottom: 6.609vw;
  color: #083461;
  text-shadow: 7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01), 4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05), 1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09), 0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1);
}
#feature_renewal .box_catch {
  width: auto;
  height: 5.747vw;
  font-size: 1.436vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.591vw;
  white-space: nowrap;
  margin-top: -3.232vw;
  border-radius: 3.591vw;
  outline: 0.287vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.287vw;
  box-shadow: 7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01), 4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05);
}
#feature_renewal .box_image.one {
  margin-top: 0;
}
#feature_renewal .feature_card.sec,
#feature_renewal .feature_card.jus,
#feature_renewal .feature_card.wrd,
#feature_renewal .feature_card.base,
#feature_renewal .feature_card.anz,
#feature_renewal .feature_card.ans{
  margin-top: 2.658vw;
}
#feature_renewal .feature_card.sec .box_catch{
  width: 29.022vw;
}
#feature_renewal .feature_card.jus .box_catch{
  width: 25.862vw;
}
#feature_renewal .feature_card.wrd .box_catch{
  width: 25.862vw;
}
#feature_renewal .feature_card.base .box_catch{
  width: 23.635vw;
}
#feature_renewal .feature_card.anz .box_catch{
  width: 30.172vw;
}
#feature_renewal .feature_card.ans .box_catch{
  width: 25.862vw;
}
#feature_renewal .box_title {
  height: 3.017vw;
  font-size: 1.724vw;
  margin-bottom: 1.077vw;
  letter-spacing: 0.1em;
}
#feature_renewal .box_text {
  width: 26.364vw;
  height: 5.890vw;
  font-size: 1.149vw;
  line-height: 1.65;
}
#feature_renewal .box_image {
  width: 8.692vw;
  height: 15.876vw;
  margin-top: 0;
  margin-bottom: 0;
}
#feature_renewal .box_image.two {
  width: 11.781vw;
  margin-top: 0;
  margin-bottom: 0;
}
#feature_renewal .box_image.three {
  width: 13.002vw;
  margin-left: 8.979vw;
  margin-bottom: 0;
}
#feature_renewal .box_image.four {
  width: 11.494vw;
  margin-top: 0px;
  margin-bottom: 0;
}
#feature_renewal .box_image.five {
  width: 14.224vw;
  margin-left: 7.471vw;
  margin-top: 0;
  margin-bottom: 0;
}
#feature_renewal .box_image.six {
  width: 6.681vw;
  margin-top: 0;
  margin-bottom: 0;
}
#feature_renewal .feature_img {
  width: 23.347vw;
  position: absolute;
  left: 0;
  bottom: 3.591vw;
  z-index: 1;
}
#feature_renewal .feature_img.pc {
  width: 34.913vw;
  left: -0.287vw;
  bottom: 0;
}
#feature_renewal .feature_img.tablet {
  width: 34.698vw;
  left:-3.951vw;
  bottom: 0.287vw;
}
#feature_renewal .feature_remark {
  font-size: 1.005vw;
}
/* #endregion うちのAI Avatarの特徴 */
/* #region サポート負担を70%カット */
.small, .support_remark {
  font-size: 1.149vw;
  font-weight: 300;
  color: #083461;
  line-height: 1.6;
}
.small{
  margin: -2.514vw 0px 0 -1.867vw;
}
.support_remark {
  margin-top: 2.298vw;
}
#support_renewal .support_inner {
  width: 100%;
  max-width: 95.402vw;
  height: 53.879vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0px auto;
  position: relative;
  padding: 0;
}
#support_renewal .support_container {
  width: 43.103vw;
  padding-top: 6.321vw;
}
#support_renewal .support_main_title {
  width: 44.047vw;
  height: 9.195vw;
  font-size: 2.873vw;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 2.442vw;
  text-align: left;
}
#support_renewal .support_text {
  width: 99%;
  height: auto;
  font-size: 1.436vw;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #083461;
  text-shadow: 0px 14.152vw 5.675vw rgba(16, 47, 61, 0.01), 0px 7.974vw 4.813vw rgba(16, 47, 61, 0.05), 0px 3.520vw 3.520vw rgba(16, 47, 61, 0.09), 0px 0.862vw 1.939vw rgba(16, 47, 61, 0.1);
  margin-bottom: 0.718vw;
}
#support_renewal .br_pc {
  display: block;
}
#support_renewal .support_img_area_sp {
  display: none;
}
#support_renewal .support_img_area_pc {
  display: block;
  width: 74.137vw;
  height: auto;
  position: absolute;
  top: 0;
  right: -10.057vw;
}
/* #endregion サポート負担を70%カット */
/* #region CTA2 */
.cta-wrapper.middle .bgimg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateX(-17vw);
  z-index: 0;
  height: 100%;
  width: fit-content;
}

.cta-wrapper.middle > .inner {
  padding: 0 4.375vw;
  overflow: visible;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.8) 0%,
    rgb(4, 167, 155) 100%
  );
}

.cta-wrapper.middle .cta-content {
  width: initial;
  padding: 0 0 1.09vw;
  left: initial;
  gap: 9.92vw;
}

.cta-wrapper.middle .cta-img {
  display: block;
  width: 45.3vw;
  height: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  max-width: 581px;
  max-height: 531px;
  margin: 0;
}

.cta-wrapper.middle .cta-cont-box {
  width: 41.2vw;
}

.cta-wrapper.middle .cta-description h2 {
  font-size: 3.125vw;
  line-height: 5vw;
  margin-bottom: 2.5vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.middle .cta-description p {
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 3.28vw;
  margin-bottom: 4.37vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.middle .cta-btn-box {
  width: 41.2vw;
  flex-direction: row;
  gap: 1.56vw;
}

.cta-wrapper.middle .cta-btn-wrapper.inquiry {
  width: 20.6vw;
  height: 5.15vw;
}

.cta-wrapper.middle .cta-btn-wrapper.demo-reserve {
  width: 19vw;
  height: 5.15vw;
}

.cta-wrapper.middle .cta-btn-wrapper a {
  font-size: 1.56vw;
  padding-bottom: 0;
  letter-spacing: 0;
}

.cta-wrapper.low {
  height: auto;
}
/* #endregion CTA2 */  
/* #region うちのAI Avatarの機能 */
#function-renew .inner {
  width: 100%;
}
#function-renew .function_renew {
  padding: 8.620vw 21.408vw 12.643vw;
  gap: 6.968vw;
}

#function-renew .function_renew__title {
  width: 100%;
  height: 3.017vw;
  font-size: 2.298vw;
  line-height: 3.017vw;
  letter-spacing: 0.1em;
  text-shadow: 7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01), 4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05), 1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09), 0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1);
}

#function-renew .function_renew__list {
  width: 95.402vw;
  gap: 1.149vw;
}

#function-renew .function_renew__media {
  width: 38.577vw;
  height: 23.132vw;
  margin-right: 9.267vw;
}
#function-renew .function_renew__item--analysis .function_renew__media {
  width: 38.433vw;
  height: 30.172vw;
}

#function-renew .function_renew__item {
  flex-direction: row;
  align-items: flex-start;
}

#function-renew .function_renew__content {
  width: 43.750vw;
}

#function-renew .function_renew__line {
  left: -13.649vw;
  top: 5.028vw;
  width: 13.649vw;
  height: 6.609vw;
  background-image: url(../img/avatar/function-renew/function_line_pc.webp);
}

#function-renew .function_renew__label {
  height: 5.172vw;
  font-size: 1.580vw;
  line-height: 3.017vw;
  outline: 0.143vw solid rgba(239, 239, 239, 0.3);
  outline-offset: -0.071vw;
  box-shadow:
    7.543vw 5.531vw 3.735vw rgba(0, 125, 186, 0.01),
    4.238vw 3.089vw 3.160vw rgba(0, 125, 186, 0.05),
    1.867vw 1.364vw 2.370vw rgba(0, 125, 186, 0.09),
    0.502vw 0.359vw 1.293vw rgba(0, 125, 186, 0.1);
  backdrop-filter: blur(1.436vw);
  -webkit-backdrop-filter: blur(1.436vw);
  border-radius: 3.591vw;
  margin: 0;
}

#function-renew .function_renew__text {
  margin-top: 2.801vw;
  width: 43.462vw;
  font-size: 1.436vw;
  line-height: 2.873vw;
  text-shadow:
    0 14.152vw 5.675vw rgba(16, 47, 61, 0.01),
    0 7.974vw 4.813vw rgba(16, 47, 61, 0.05),
    0 3.520vw 3.520vw rgba(16, 47, 61, 0.09),
    0 0.862vw 1.939vw rgba(16, 47, 61, 0.1);
}

#function-renew .function_renew__item--learn .function_renew__image {
  width: 46.695vw;
  height: 29.956vw;
  top: initial;
  left: 0.431vw;
}

#function-renew .function_renew__item--learn .function_renew__content {
  margin-top: 0;
  padding-top: 2.514vw;
}

#function-renew .function_renew__item--learn .function_renew__label {
  width: 34.021vw;
  padding: 1.149vw 4.022vw;
}

#function-renew .function_renew__item--analysis {
  gap: 0;
}

#function-renew .function_renew__item--analysis .function_renew__image {
  width: 61.278vw;
  height: 35.242vw;
  top: -0.431vw;
  left: 0;
}

#function-renew .function_renew__item--analysis .function_renew__content {
  margin-left: 0;
  margin-top: 0;
  top: 0;
  padding-top: 2.729vw;
}

#function-renew .function_renew__item--analysis .function_renew__label {
  width: 21.051vw;
  padding: 1.724vw 2.022vw;
  white-space: nowrap;
}

#function-renew .function_renew__item--analysis .function_renew__line {
  top: 5.238vw;
  left: -14.152vw;
  width: 14.224vw;
  height: 6.609vw;
}

#function-renew .function_renew__item--analysis .function_renew__text {
  letter-spacing: 0.1em;
}

#function-renew .function_renew__item--switch .function_renew__image {
  width: 48.563vw;
  height: 38.530vw;
  top: -2.155vw;
  left: 0.215vw;
}

#function-renew .function_renew__item--switch .function_renew__content {
  margin-top: 0;
}

#function-renew .function_renew__item--switch .function_renew__label {
  width: 31.098vw;
  padding: 1.724vw 4.022vw;
  white-space: nowrap;
}

#function-renew .function_renew__item--switch .function_renew__line {
  width: 15.804vw;
  height: 6.824vw;
  top: 2.262vw;
  left: -15.660vw;
}

#function-renew .function_renew__item--switch .function_renew__text {
  letter-spacing: 0.1em;
}
/* #endregion うちのAI Avatarの機能 */
/* #region こんなシーンで大活躍 */
#scenes {
  background: #ffffff url(../img/avatar/scene/scenes_bg_blur_pc.webp) no-repeat center 100% / cover;
  padding: 0;
  position: relative;
}
#scenes .bg_illust {
  content: "";
  position: absolute;
  bottom: 6.27vw;
  left: 0;
  right: 0;
  width: 100%;
  height: fit-content;
  height: -webkit-fit-content;
  height: auto;
}
#scenes .inner_wrrapper_scenes {
  padding: 8.620vw 0 25.502vw;
  width: 95.402vw; 
  margin: 0 auto;
}

#scenes .scene_main_title {
  display: flex;
  justify-content: center;
  margin: 0 auto 5.316vw auto;
  width: 100%;
  filter: none;
}

#scenes .scene_main_title span {
  width: 26.724vw;
  height: 8.908vw;
  padding-bottom: 2.155vw; 
  font-size: 1.867vw;
}

#scenes .scene_list {
  flex-direction: row; 
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5.316vw 0;
}

#scenes .scene_item {
  text-align: center; 
}

#scenes .scene_item.row-top {
  width: 32%;
}

#scenes .scene_item:not(.row-top) {
  width: calc((100% - (3.448vw * 3)) / 4);

}

#scenes .scene_img {
  padding: 0.646vw 1.005vw;
  border-radius: 1.436vw;
  box-shadow: 6.824vw 4.956vw 5.100vw rgb(51, 147, 202,0.05),
  3.017vw 2.227vw 3.735vw rgb(51, 147, 202,0.09); 
  margin-bottom: 2.298vw;
}

#scenes .scene_img img {
  position: absolute;
  top: 0.646vw;
  left: 1.005vw;
  width: calc(100% - 2.011vw);
  height: calc(100% - 1.293vw);
  border-radius: 1.436vw;
  border-bottom: 2.011vw;
}

#scenes .scene_title, #scenes .scene_text{
  padding: 0 1.221vw;
}

#scenes .scene_title {
   font-size: 2.011vw; 
   margin-bottom: 1.221vw; 
}

#scenes .scene_text { 
  font-size: 1.436vw; 
  line-height: 1.6;
}  
  #scenes .inner_wrrapper_scenes{
    width: 94.99vw;
  }
  
  #scenes .scene_main_title {
    margin: 0 auto 5.3vw auto;
    width: 100%;
  }
  
  #scenes .scene_main_title span {
    width: 26.7vw;
    height: 8.9vw;
    padding-bottom: 2.1vw; 
    font-size: 1.8vw;
  }
  #scenes .scene_main_title span::after{
    content: "";
    position: absolute;
    background: url(../img/avatar/scene/Union-pc-sd.webp) no-repeat center / 100%;
    width: 37.42vw;
    height: 16.66vw;
    left: 0;
    top: 0;
    z-index: -1;
  }
  
  #scenes .scene_list {
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5.3vw 0;
  }
  
  #scenes .scene_item {
    text-align: center; 
  }
  
  #scenes .scene_item.row-top {
    width: 32%;
  }
  
  #scenes .scene_item:not(.row-top) {
    width: calc((100% - (3.4vw * 3)) / 4);
  
  }
  
  #scenes .scene_img {
    padding: 0.6vw 1vw;
    border-radius: 20px;
    box-shadow: 6.8vw 4.95vw 5.1vw rgb(51, 147, 202,0.05),
    3vw 2.2vw 3.7vw rgb(51, 147, 202,0.09); 
    margin-bottom: 2vw;
  }
  
  #scenes .scene_img img {
    position: absolute;
    top: 0.6vw;
    left: 1vw;
    width: calc(100% - 2vw);
    height: calc(100% - 1.29vw);
    border-radius: 1.4vw;
    border-bottom: 2vw;
  }
  
  
  #scenes .scene_title, #scenes .scene_text{
    padding: 0 1.2vw;
  }
  
  #scenes .scene_title {
     font-size: 2vw; 
     margin-bottom: 0.5vw; 
  }
  
  #scenes .scene_text { 
    font-size: 1.4vw; 
    line-height: 1.6;
   
  }  
  /* #endregion こんなシーンで大活躍 */
/* #region CTA3 */
.cta-wrapper.low {
  height: 44.8vw;
}

.cta-wrapper.low > .inner {
  padding: 5.91vw 0 0;
  background: linear-gradient(
    90deg,
    rgba(0, 121, 189, 0.95) 0%,
    rgba(5, 168, 157, 0.95) 100%
  );
}

.cta-wrapper.low .cta-cont-box {
  display: flex;
  justify-content: center;
}

.cta-wrapper.low .cta-img {
  width: 41vw;
  height: 38.9vw;
  position: static;
  right: auto;
  bottom: auto;
}

.cta-wrapper.low .cta-content {
  padding: 6.04vw 0 0;
  margin: 0;
}

.cta-wrapper.low .cta-description {
  text-align: center;
}

.cta-wrapper.low .p_rel::before {
  width: 0.31vw;
  height: 0.31vw;
  top: -0.625vw;
}

.cta-wrapper.low .cta-description p {
  font-size: 2.5vw;
  margin-bottom: 2.02vw;
}

.cta-wrapper.low .cta-description h2 {
  font-size: 3.125vw;
  line-height: 5vw;
  margin-bottom: 4.375vw;
  letter-spacing: 0.1em;
}

.cta-wrapper.low .cta-btn-wrapper {
  width: 27.4vw;
  height: 5.78vw;
  margin: 0 auto;
  left: -8px;
  border-radius: 50px;
}

.cta-wrapper.low .cta-btn-wrapper a {
  font-size: 1.71vw;
  padding-bottom: 0;
}
/* #endregion CTA3 */  
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
  PC（1392px〜）
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (min-width: 1392px) {
  /* #region 共通 */
  .pc_display {
    display: block;
  }
  .sp_display {
    display: none !important;
  }
  /* #endregion 共通 */
  /* #region メインビジュアル*/
  .mv-wrapper {
    background: #fff no-repeat
      url(../img/avatar/pc/mvbg.webp) 100% /
      cover;
    margin-bottom: 144px;
    height: 752px;
    margin-top: 80px;
  }
  .mv-wrapper .inner {
    height: 100%;
    max-height: 100%;
  }
  .mv-bg-image {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    max-width: 687px;
    z-index: 1;
  }
  .mv-img {
    width: 1500px;
    height: 750px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateX(25%);
  }

  .mv-img > img {
    object-fit: contain;
  }
  .mv-phrase {
    max-width: 361px;
    z-index: 3;
    bottom: 314px;
    left: -773px;
  }
  .mv-phrase > h2 {
    font-size: 42px;
    line-height: 64px;
    width: 375px;
    margin: 0 auto 40px;
  }
  .mv-phrase > p {
    font-size: 20px;
    line-height: 42px;
    width: 375px;
    letter-spacing: 0.1em;
  }
  .mv-content .cta-btn-wrapper {
    width: 364px;
        height: 74px;
    border-radius: 50px;
    bottom: 185px;
    left: -773px;
  }
  .mv-content .cta-btn-wrapper a {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 72px;
    letter-spacing: 0.1em;
    color: #ffffff;
  }
  /* #endregion メインビジュアル*/
  /* #region うちのAI Avatarとは？ */
  #about-ai {
    max-width: 1328px;
    margin: 0 auto 96px;
    padding: 0;
  }
  
  #about-ai .inner_wrapper_about_ai{
    max-width: 1328px;
    height: 554px;
    flex-direction: row;
    gap:48px;
  }
  
  #about-ai .about_content {
    justify-content: center;
    gap: 40px;
    width: 595px;
    flex-shrink: 0;
    position: relative;
    top: -25px;
    left: 29px;
  }
  
  #about-ai .about_logo {
    width: 89px;
    height: 50px;
  }
  
  
  #about-ai .about_title {
    margin-bottom: 0px;
    font-size: 32px;
    letter-spacing: 0.1em;
   }
  
   #about-ai .about_description {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 2.3;
    overflow-wrap: break-word;
   }
  
  
  #about-ai .about_image{
    margin:0;
   }
  
   #about-ai .about_image_box{
    width: 704px;
    height: 554px;
   }
  
  #about-ai .about_image_box img.sp-only {
    display: none;
  }
  
  #about-ai .about_image_box img.pc-only {
    display: block;
    position: absolute;
    height: auto;
    width: 100%;
    top: 0;
  }  
  /* #endregion うちのAI Avatarとは？ */
  /* #region 話しかけてみてください */
  #try {
    margin-bottom: 85px;
  }

  #try .inner {
    width: 1088px;
    margin: 0 auto;
    padding: 0;
  }

  .try-head {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    top: initial;
    left: -250px;
    z-index: 1;
  }
  .try-head-button::before {
    position: absolute;
    content: " ＼百聞は一見にしかず／";
    top: -48px;
    font-weight: 500;
    font-size: 22px;
    line-height: 42px;
    background: linear-gradient(90deg, #0079bd 0%, #04a79b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    letter-spacing: 0.1em;
  }
  .try-head-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 0;
    gap: 10px;
    width: 322px;
    height: 64px;
    left: initial;
    top: initial;
    background: linear-gradient(
      90deg,
      rgba(0, 121, 189, 0.7) 0%,
      rgba(4, 167, 155, 0.7) 100%
    );
    box-shadow: 26px 19px 33px rgba(0, 125, 186, 0.09);
    backdrop-filter: blur(20px);
    border-radius: 50px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #ffffff;
    outline: 4px solid rgba(239, 239, 239, 0.3);
    outline-offset: -4px;
  }
  .try-head-button::after {
    position: absolute;
    content: "";
    background: url(../img/avatar/talk_to/talk_to_line_pc.webp) no-repeat 100% /
      contain;
    width: 56.67px;
    height: 98px;
    top: 58px;
    left: 100px;
    z-index: 999;
  }
  .try-head-message {
    position: absolute;
    width: 260px;
    height: 40px;
    left: 727px;
    top: 26px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #083461;
  }

  .popup-btn {
    position: absolute;
    max-width: 340px;
    width: 20.3vw;
    height: 8vw;
    max-height: 68px;
    top: 35px;
    left: 0;
    border-radius: 50px;
  }

  .popup-btn:hover {
    background: #ffffff3d;
  }

  .try-content {
    position: relative;
    width: initial;
    height: initial;
    margin: 68px auto 0;
  }

  #try .popup-btn {
    display: block;
    position: absolute;
    top: -126px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1084px;
    height: 687px;
    max-width: initial;
    max-height: initial;
    z-index: 99;
    border-radius: 40px;
  }
  #try .try-head .popup-btn {
    width: 322px;
    height: 64px;
    border-radius: 50px;
    top: 0;
  }

  .try-content > .popup-btn:hover {
    filter: brightness(1.2);
  }

  .try-content-img {
    width: 100%;
    height: 100%;
    border-radius: 40px;
  }

  .comment-first {
    position: absolute;
    width: 84.22px;
    top: 372px;
    left: -121px;
  }

  .comment-sec {
    position: absolute;
    width: 61.47px;
    bottom: 44px;
    left: -66px;
    top: initial;
  }

  .comment-third {
    position: absolute;
    width: 55.47px;
    bottom: 236px;
    right: -100px;
    top: initial;
  }

  .comment-first::before,
  .comment-sec::before,
  .comment-third::before {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff91;
    border: 3px solid;
    border-image-source: linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.1) 50%
    );
    max-height: 96px;
    height: 7vw;
    font-size: 20px;
    text-align: center;
    border-radius: 50px 50px 50px 3px;
  }

  .comment-first::before {
    top: -105px;
    left: 60px;
    width: 138px;
    content: "こんにちは";
    font-size: 20px;
  }

  .comment-sec::before {
    top: -82px;
    left: 50px;
    width: 178px;
    height: 95px;
    line-height: 95px;
    content: "何ができるの？";
    font-size: 20px;
  }

  .comment-third::before {
    width: 191px;
    border-radius: 50px 50px 3px 50px;
    top: -78px;
    left: -207px;
    content: "うちのAIって何？";
    font-size: 20px;
  }

  .comment-first::after,
  .comment-sec::after,
  .comment-third::after {
    position: absolute;
    content: "";
    background: url(../img/avatar/ellipse.webp)
      no-repeat 100% / auto;
    width: 92px;
    height: 45px;
    top: 180px;
    left: -10px;
  }
  /* #endregion 話しかけてみてください */
  /* #region CTA1 */
  .cta-wrapper.up {
    height: 576px;
  }

  .cta-wrapper.up > .inner {
    padding: 0 56px;
    height: auto;
    background: linear-gradient(
      90deg,
      #0079bd 0%,
      rgba(0, 120, 189, 0.85) 40%,
      rgba(4, 169, 158, 0.85) 100%
    );
  }

  .cta-wrapper.up .bgimg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    height: auto;
    width: fit-content;
    transform: translateX(560px);
  }

  .cta-wrapper.up .cta-content {
    padding: 73px 0 0 0;
    gap: 0;
    flex-direction: row;
  }

  .cta-wrapper.up .cta-cont-box {
    text-align: center;
    padding-top: 29px;
    width: 548px;
    margin: 0 71px 0 auto;
  }

  .cta-wrapper.up .cta-description {
    margin-bottom: 56px;
  }

  .cta-wrapper.up .cta-img {
    width: 554px;
    height: 503px;
    position: static;
    right: auto;
    bottom: auto;
  }

  .cta-wrapper.up .cta-description h2 {
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 32px;
    letter-spacing: 0.1em;
  }

  .cta-wrapper.up .cta-description p {
    font-weight: 500;
    font-size: 20px;
    line-height: 42px;
    letter-spacing: 0.1em;
  }

  .cta-wrapper.up .cta-btn-wrapper {
    width: 351px;
    height: 74px;
    margin: 0 auto;
    left: -8px;
  }

  .cta-wrapper.up .cta-btn-wrapper a {
    font-size: 22px;
    padding-bottom: 0;
  }
  /* #endregion CTA1 */
  /* #region MEDIA COVERAGE */
  #media-area{
    padding: 90px 0 84px;
  }
  #media-area .inner_wrapper_media{
    gap: 72px;
    max-width: 1595px;
    margin: 0 auto;
  }
  
  
  #media-area .media_title{
    font-size: 32px;
    letter-spacing: .1em;
  }
  #media-area .media_description{
    font-size: 18px;
    line-height: initial;
    font-weight: 500;
    margin: 11px 0 0 0;
    letter-spacing: .1em;
  }
  
  #media-area .logo_list{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    height: 57px;
    padding: 0 32px;
  }
  
  #media-area .logo_item {
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  }

  #media-area .yomiuri{
    width: 210px;
    height: 57px;
  }
  #media-area .newspicks{
    width: 120px;
    height: 48px;
  }
  #media-area .sankei{
    width: 132px;
    height: 57px;
    margin: 6px 34px 0px 8px;
  }
  #media-area .dime{
    width: 78px;
    height: 57px;
    margin: 6px 49px 0 0;
  }
  #media-area .jijitsusin{
    width: 110px;
    height: 57px;
    margin: 0 37px 0 0;
  }
  #media-area .cnetjp{
    width: 106px;
    height: 57px;
    margin: 8px 57px 0 0;
  }
  #media-area .president{
    width: 200px;
    height: 57px;
    margin: 18px 56px 0 0;
  }
  #media-area .biglobe{
    width: 136px;
    height: 57px;
    margin: 12px 75px 0 0;
  }
  #media-area .genndai{
    width: 141px;
    height: 57px;
    margin: 6px 0 0 0;
  }
  
  #media-area .logo_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  /* #endregion MEDIA COVERAGE */
  /* #region こんな状態ではありませんか？ */
  #assignment-blank {
    padding: 120px 0 0;
    overflow: hidden;
  }
  #assignment-blank .inner {
    max-width: 1510px;
    height: 875px;
    padding: 0;
    margin: 0 auto;
  }
  #assignment-blank .assignment-blank__bg {
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2675px;
    height: 1438px;
    margin: 0 auto;
  }
  #assignment-blank .assignment-blank__bg img {
    object-fit: cover;
  }
  #assignment-blank .assignment-blank__bg-img--sp,
  #assignment-blank .assignment-blank__line-img--sp {
    display: none;
  }

  #assignment-blank .assignment-blank__bg-img--pc,
  #assignment-blank .assignment-blank__line-img--pc {
    display: block;
  }
  #assignment-blank .assignment-blank__line {
    top: 203px;
    left: -68px;
    right: 0;
    bottom: 0;
    width: 695px;
    height: 870.56px;
    transform: translateX(0);
    margin: 0 auto;
  }

  #assignment-blank .assignment-blank__title {
    width: 386px;
    height: 125px;
    margin: 0 auto;
    position: relative;
    right: 30px;
  }
  #assignment-blank .assignment-blank__title-text {
    font-size: 24px;
    line-height: 72px;
  }
  #assignment-blank .assignment-blank__title::after {
    background-image: url(../img/avatar/assignment/assignment-union-pc-sd.webp);
    width: 552px;
    height: 270px;
    top: -23.9px;
    left: -13px;
}
  #assignment-blank .assignment-blank__title-text::after {
    display: none;
  }
  #assignment-blank .assignment-blank__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #assignment-blank .assignment-blank__bubble-box {
    width: 254.38px;
    height: 176px;
    top: 0;
    left: 0;
    padding: 0;
    background: rgba(255, 255, 255, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.6);
    box-shadow:
      26px 19px 33px rgba(0, 125, 186, 0.09),
      7px 5px 18px rgba(0, 125, 186, 0.06);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 20px;
  }
  #assignment-blank
    .assignment-blank__bubble--small
    .assignment-blank__text--dark {
    font-size: 22px;
    line-height: 2.0909090909;
  }

  #assignment-blank
    .assignment-blank__bubble--small
    .assignment-blank__text--grad {
    font-size: 22px;
    line-height: 1.4545454545;
  }
  #assignment-blank
    .assignment-blank__bubble--large
    .assignment-blank__text--grad {
    font-size: 28px;
    line-height: 1.1428571429;
  }
  #assignment-blank
    .assignment-blank__bubble--large
    .assignment-blank__text--dark {
    font-size: 28px;
    line-height: 1.6428571429;
  }
  #assignment-blank .assignment-blank__bubble--small {
    width: 100%;
    height: 100%;
  }

  #assignment-blank .assignment-blank__bubble-box::before {
    top: -26px;
    left: -36px;
  }
  /* 離職と~ */
  #assignment-blank .assignment-blank__item--turnover {
    order: 0;
    position: relative;
    width: 341.38px;
    height: 266px;
    left: 121px;
  }
  #assignment-blank
    .assignment-blank__item--turnover
    .assignment-blank__bubble--small {
    right: initial;
    left: initial;
    bottom: initial;
    top: initial;
    width: 100%;
    height: 100%;
  }
  #assignment-blank .assignment-blank__illust--turnover {
    top: initial;
    left: -20px;
    right: initial;
    bottom: -113px;
    width: 100%;
    height: 100%;
  }
  #assignment-blank
    .assignment-blank__item--turnover
    .assignment-blank__bubble-box {
    width: 240px;
    height: 160px;
    left: initial;
    right: 0;
    padding: 34px 0 51px;
  }
  /* 外国語~ */
  #assignment-blank .assignment-blank__item--foreign {
    order: 2;
    background: rgb(4 167 155 / 0%);
    position: relative;
    width: 412.38px;
    height: 254.59px;
    top: 28px;
    left: 256px;
  }
  #assignment-blank
    .assignment-blank__item--bubble-right
    .assignment-blank__bubble {
    width: 100%;
    height: 100%;
    left: initial;
  }
  #assignment-blank
    .assignment-blank__item--foreign
    .assignment-blank__bubble-box::before {
    top: -24px;
    left: -19px;
  }
  #assignment-blank
    .assignment-blank__item--foreign
    .assignment-blank__bubble-box {
    width: 240px;
    height: 160px;
    padding: 34px 0 51px;
    left: 0;
    top: 0;
  }
  #assignment-blank .assignment-blank__illust--foreign {
    width: 465px;
    height: 400px;
    top: 110px;
    right: initial;
    left: -180px;
    bottom: initial;
  }
  /* 対応する~ */
  #assignment-blank .assignment-blank__item--quality {
    order: 1;
    position: relative;
    width: 335.69px;
    height: 332.61px;
    left: 301px;
    top: 75px;
  }
  #assignment-blank
    .assignment-blank__item--quality
    .assignment-blank__bubble-box {
    padding: 34px 0 51px;
    top: 0;
    left: 0;
  }
  #assignment-blank
    .assignment-blank__item--quality
    .assignment-blank__bubble-box::before {
    top: -24px;
    left: -21px;
  }
  #assignment-blank .assignment-blank__illust--quality {
    top: 73px;
    left: 114px;
    right: initial;
    bottom: 0;
    width: 400px;
    height: 400px;
  }

  /* マンパワー */
  #assignment-blank .assignment-blank__item--large {
    order: 3;
    width: 421px;
    height: 261px;
    margin-top: 0;
    top: -135px;
    left: -200px;
  }
  #assignment-blank
    .assignment-blank__bubble--large
    .assignment-blank__bubble-box::before {
    width: 100%;
    height: 100%;
    top: -19px;
    left: -21px;
  }
  #assignment-blank .assignment-blank__bubble--large {
    width: 100%;
    height: 100%;
  }
  #assignment-blank .assignment-blank__illust--manpower {
    right: -150px;
    bottom: -115px;
    width: 300px;
    height: 300px;
  }
  #assignment-blank .assignment-blank__item--manpower::after{
    display: none;
  }
  #assignment-blank
    .assignment-blank__bubble--large
    .assignment-blank__bubble-box {
    width: 392px;
    height: 173px;
    padding: 43px 0 45px;
    gap: 0;
  }
  /* #endregion こんな状態ではありませんか？ */
  /* #region うちのAI Avatarを使えば */
  #example_renewal{
    position: relative;
  }
  #example_renewal .inner::after{
    position: absolute;
    content: "";
    background: url(../img/avatar/assignment/assignment-bottom-line-pc.webp) no-repeat center / 100%;
    width: 53px;
    height: 114px;
    left: 4px;
    right: 0;
    top: -1px;
    margin: auto;
    z-index: 1;
  }
  #example_renewal .inner {
    position: relative;
    padding: 0;
    background: none;
    height: 100%;
  }

  #example_renewal .example_head_text {
    position: relative;
    z-index: 2;
    font-size: 38px;
    font-weight: 700;
    line-height: 1.68;
    text-align: center;
    letter-spacing: 0.1em;
    color: #062A4E;
    filter: drop-shadow(105px 77px 52px rgba(0, 125, 186, 0.01)) drop-shadow(59px 43px 44px rgba(0, 125, 186, 0.05)) drop-shadow(26px 19px 33px rgba(0, 125, 186, 0.09)) drop-shadow(7px 5px 18px rgba(0, 125, 186, 0.1));
  }
  #feature_renewal .feature_container {
    margin-bottom: 96px;
  }
  #feature_renewal .feature_container:last-child{
    margin-bottom: 134px;
  }
  #example_renewal .example_head_renewal.pc_display{
    position: relative;
    width: 645px;
    font-weight: 700;
    font-size: 38px;
    line-height: 1.68;
    text-align: center;
    letter-spacing: 0.1em;
    left: 0;
    margin: 0 auto;
    margin-bottom: 225px;
    padding: 150px 0 0;
    z-index: 1;
  }
  #example_renewal .example_head_renewal.pc_display::after {
    position: absolute;
    content: "";
    width: 1990px;
    height: 820px;
    background: url(../img/avatar/pc/bg_map.webp);
    background-repeat: no-repeat;
    background-size: contain;
    top: 5px;
    left: -110px;
    right: 0;
    margin: auto;
  }
  #example_renewal .highlight {
    letter-spacing: 0.1em;
}
  /* #endregion うちのAI Avatarを使えば */
  /* #region マルチデバイスであらゆる場所に設置 */
  #multi-device {
    padding-bottom: 100px;
  }

  #multi-device .inner {
    width: 100%;
    max-width: 1294px;
    margin: 0 auto;
  }

  #multi-device .multi_device__heading {
    width: 484px;
    height: 125px;
    margin: 13px auto 40px;
  }
  #multi-device .multi_device__heading::after {
    background: url(../img/avatar/multi-device/multi-button-pc-sd.webp) no-repeat center / 100%;
    width: 650px;
    height: 241px;
    border-width: 4px;
    border-radius: 50px;
    left: 314px;
    top: 0;
  }

  #multi-device .multi_device__heading_text {
    font-size: 24px;
    line-height: 93px;
    letter-spacing: 0;
  }

  #multi-device .multi_device__list {
    flex-direction: row;
    justify-content: center;
    gap: 62px;
  }
  #multi-device .multi_device__list::before {
    background: url(../img/avatar/multi-device/multi-line-pc.webp) no-repeat center /
      100% auto;
    top: 254px;
    width: 68%;
    left: 638px;
  }

  #multi-device .multi_device__card {
    width: 390px;
    height: 654px;
  }

  #multi-device .multi_device__card::before {
    height: 536px;
    border-width: 1px;
    border-radius: 15px;
    box-shadow:
      26px 19px 33px rgba(0, 125, 186, 0.09),
      7px 5px 18px rgba(0, 125, 186, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }

  #multi-device .multi_device__card--mobile::before {
    box-shadow: 7px 5px 18px rgba(0, 125, 186, 0.06);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }

  #multi-device .multi_device__card::after {
    content: "";
    position: absolute;
    left: 17px;
    bottom: 0;
    width: 357px;
    height: 18px;
    background: rgba(0, 121, 189, 0.2);
    filter: blur(20px);
    z-index: 0;
  }

  #multi-device .multi_device__image {
    transform: none;
  }

  #multi-device .multi_device__card--mobile .multi_device__image {
    width: 299px;
    height: 355px;
    top: -9px;
    left: 55px;
  }

  #multi-device .multi_device__card--signage .multi_device__image {
    width: 304px;
    height: 298px;
    top: 24px;
    left: 54px;
  }

  #multi-device .multi_device__card--web .multi_device__image {
    width: 326px;
    height: 272px;
    top: 48px;
    left: 43px;
  }

  #multi-device .multi_device__body {
    top: 363px;
    left: 0;
    transform: none;
    width: 100%;
    height: 104px;
    text-align: center;
  }

  #multi-device .multi_device__title {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 0;
  }

  #multi-device .multi_device__text {
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
  }

  #multi-device .multi_device__card--signage .multi_device__title {
    width: 251px;
  }

  #multi-device .multi_device__card--web .multi_device__title {
    width: 144px;
  }

  #multi-device .multi_device__card--mobile .multi_device__text {
    width: 241px;
  }

  #multi-device .multi_device__card--signage .multi_device__text {
    width: 234px;
    margin-top: 20px;
  }

  #multi-device .multi_device__card--web .multi_device__text {
    width: 206px;
    margin-top: 20px;
  }
  /* #endregion マルチデバイスであらゆる場所に設置 */
  /* #region どんな場所にいくつ設置しても */
  #any-place {
    position: relative;
  }

  #any-place .inner {
    width: 100%;
    max-width: 1103px;
    margin: 0 auto;
    padding-bottom: 133px;
  }

  #any-place .any_place {
    padding: 0;
  }

  #any-place .any_place__title {
    width: 495px;
    margin: 0 auto 96px;
    font-size: 32px;
    line-height: 56px;
    color: #062a4e;
    filter: drop-shadow(105px 77px 52px rgba(0, 125, 186, 0.01)) drop-shadow(59px 43px 44px rgba(0, 125, 186, 0.05)) drop-shadow(26px 19px 33px rgba(0, 125, 186, 0.09)) drop-shadow(7px 5px 18px rgba(0, 125, 186, 0.1));
  }
  #any-place .any_place__title span {
    letter-spacing: 0.1em;
}
  #any-place .any_place__visual {
    width: 1224px;
  }

  #any-place .any_place__image img {
    object-fit: contain;
  }
  /* #endregion どんな場所にいくつ設置しても */
  /* #region うちのAI Avatarの特徴 */
  #feature_renewal {
    margin-top: 0;
    padding-bottom: 90px;
  }  
  #feature_renewal .feature_inner {
    padding: 120px 32px 0;
  }
  #feature_renewal .feature_lists {
    max-width: 1328px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 46px;
    margin: 0 auto;
    padding-left: 350px; 
    position: relative;  
  }
  #feature_renewal .feature_card {
    width: 432px;
    height: 449px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;   
    border-radius: 30px;
    padding: 0;
    margin-top: 30px;
    box-shadow: 26px 19px 33px rgba(0, 125, 186, 0.09), 7px 5px 18px rgba(0, 125, 186, 0.06);
  }

  #feature_renewal .feature_main_title {
    height: 42px;
    font-size: 32px;
    line-height: 1.3125;
    letter-spacing: 0.1em;
    margin-top: 0;
    margin-bottom: 92px;
    color: #083461;
    text-shadow: 105px 77px 52px rgba(0, 125, 186, 0.01), 59px 43px 44px rgba(0, 125, 186, 0.05), 26px 19px 33px rgba(0, 125, 186, 0.09), 7px 5px 18px rgba(0, 125, 186, 0.1);
  }
  #feature_renewal .box_catch {
    width: auto;
    height: 80px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    white-space: nowrap;
    margin-top: -45px;
    border-radius: 50px;
    outline: 4px solid rgba(239, 239, 239, 0.3);
    outline-offset: -4px;
    box-shadow: 105px 77px 52px rgba(0, 125, 186, 0.01), 59px 43px 44px rgba(0, 125, 186, 0.05);
  }
  #feature_renewal .box_image.one {
    margin-top: 0;
}
  #feature_renewal .feature_card.sec,
  #feature_renewal .feature_card.jus,
  #feature_renewal .feature_card.wrd,
  #feature_renewal .feature_card.base,
  #feature_renewal .feature_card.anz,
  #feature_renewal .feature_card.ans{
    margin-top: 37px;
  }
  #feature_renewal .feature_card.sec .box_catch{
    width: 404px;
  }
  #feature_renewal .feature_card.jus .box_catch{
    width: 360px;
  }
  #feature_renewal .feature_card.wrd .box_catch{
    width: 360px;
  }
  #feature_renewal .feature_card.base .box_catch{
    width: 329px;
  }
  #feature_renewal .feature_card.anz .box_catch{
    width: 420px;
  }
  #feature_renewal .feature_card.ans .box_catch{
    width: 360px;
  }
  #feature_renewal .box_title {
    height: 42px;
    font-size: 24px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
  }
  #feature_renewal .box_text {
    width: 367px;
    height: 82px;
    font-size: 17px;
    line-height: 1.65;
  }
  #feature_renewal .box_image {
    width: 121px;
    height: 221px;
    margin-top: 0;
    margin-bottom: 0;
  }
  #feature_renewal .box_image.two {
    width: 164px;
    margin-top: 0;
    margin-bottom: 0;
  }
  #feature_renewal .box_image.three {
    width: 181px;
    margin-left: 125px;
    margin-bottom: 0;
  }
  #feature_renewal .box_image.four {
    width: 160px;
    margin-top: 0px;
    margin-bottom: 0;
  }
  #feature_renewal .box_image.five {
    width: 198px;
    margin-left: 104px;
    margin-top: 0;
    margin-bottom: 0;
  }
  #feature_renewal .box_image.six {
    width: 93px;
    margin-top: 0;
    margin-bottom: 0;
  }
  #feature_renewal .feature_img {
    width: 325px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 1;
  }
  #feature_renewal .feature_img.pc {
    width: 486px;
    left: -4px;
    bottom: 0;
  }
  #feature_renewal .feature_img.tablet {
    width: 483px;
    left:-55px;
    bottom: 4px;
  }
  #feature_renewal .feature_remark {
    font-size: 14px;
  }
  /* #endregion うちのAI Avatarの特徴 */
  /* #region サポート負担を70%カット */
  .small, .support_remark {
    font-size: 16px;
    font-weight: 300;
    color: #083461;
    line-height: 1.6;
  }
  .small{
    margin: -35px 0px 0 -26px;
  }
  .support_remark {
    margin-top: 32px;
  }
  #support_renewal .support_inner {
    width: 100%;
    max-width: 1328px;
    height: 750px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0px auto;
    position: relative;
    padding: 0;
  }
  #support_renewal .support_container {
    width: 600px;
    padding-top: 88px;
  }
  #support_renewal .support_main_title {
    width: 613.14px;
    height: 128px;
    font-size: 40px;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 34px;
    text-align: left;
  }
  #support_renewal .support_text {
    width: 99%;
    height: auto;
    font-size: 20px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #083461;
    text-shadow: 0px 197px 79px rgba(16, 47, 61, 0.01), 0px 111px 67px rgba(16, 47, 61, 0.05), 0px 49px 49px rgba(16, 47, 61, 0.09), 0px 12px 27px rgba(16, 47, 61, 0.1);
    margin-bottom: 10px;
  }
  #support_renewal .br_pc {
    display: block;
  }
  #support_renewal .support_img_area_sp {
    display: none;
  }
  #support_renewal .support_img_area_pc {
    display: block;
    width: 1032px;
    height: auto;
    position: absolute;
    top: 0;
    right: -140px;
  }
  /* #endregion サポート負担を70%カット */
  /* #region CTA2 */
  .cta-wrapper.middle .bgimg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform: translateX(-500px);
    z-index: 0;
    height: 100%;
    width: fit-content;
  }

  .cta-wrapper.middle > .inner {
    padding: 0 56px;
    overflow: visible;
    background: linear-gradient(
      90deg,
      rgba(0, 121, 189, 0.8) 0%,
      rgb(4, 167, 155) 100%
    );
  }

  .cta-wrapper.middle .cta-content {
    width: initial;
    padding: 0 0 14px;
    left: initial;
    gap: 127px;
  }

  .cta-wrapper.middle .cta-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 581px;
    max-height: 531px;
    margin: 0;
  }

  .cta-wrapper.middle .cta-cont-box {
    width: 528px;
  }

  .cta-wrapper.middle .cta-description h2 {
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 32px;
    letter-spacing: 0.1em;
  }

  .cta-wrapper.middle .cta-description p {
    font-weight: 500;
    font-size: 20px;
    line-height: 42px;
    margin-bottom: 56px;
    letter-spacing: 0.1em;
  }

  .cta-wrapper.middle .cta-btn-box {
    width: 528px;
    flex-direction: row;
    gap: 20px;
  }

  .cta-wrapper.middle .cta-btn-wrapper.inquiry {
    width: 244px;
    height: 74px;
  }

  .cta-wrapper.middle .cta-btn-wrapper.demo-reserve {
    width: 244px;
    height: 74px;
  }

  .cta-wrapper.middle .cta-btn-wrapper a {
    font-size: 20px;
    padding-bottom: 0;
    letter-spacing: 0;
  }

  .cta-wrapper.low {
    height: auto;
  }
  /* #endregion CTA2 */  
  /* #region うちのAI Avatarの機能 */
  #function-renew .inner {
    width: 100%;
  }
  #function-renew .function_renew {
    padding: 120px 298px 176px;
    gap: 97px;
  }

  #function-renew .function_renew__title {
    width: 100%;
    height: 42px;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0.1em;
  }

  #function-renew .function_renew__list {
    width: 1328px;
    gap: 16px;
  }

  #function-renew .function_renew__media {
    width: 537px;
    height: 322px;
    margin-right: 129px;
  }
  #function-renew .function_renew__item--analysis .function_renew__media {
    width: 535px;
    height: 420px;
  }

  #function-renew .function_renew__item {
    flex-direction: row;
    align-items: flex-start;
  }

  #function-renew .function_renew__content {
    width: 609px;
  }

  #function-renew .function_renew__line {
    left: -190px;
    top: 70px;
    width: 190px;
    height: 92px;
    background-image: url(../img/avatar/function-renew/function_line_pc.webp);
  }

  #function-renew .function_renew__label {
    height: 72px;
    font-size: 22px;
    line-height: 42px;
    outline: 2px solid rgba(239, 239, 239, 0.3);
    outline-offset: -1px;
    box-shadow:
      105px 77px 52px rgba(0, 125, 186, 0.01),
      59px 43px 44px rgba(0, 125, 186, 0.05),
      26px 19px 33px rgba(0, 125, 186, 0.09),
      7px 5px 18px rgba(0, 125, 186, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 50px;
    margin: 0;
  }

  #function-renew .function_renew__text {
    margin-top: 39px;
    width: 605px;
    font-size: 20px;
    line-height: 40px;
    text-shadow:
      0 197px 79px rgba(16, 47, 61, 0.01),
      0 111px 67px rgba(16, 47, 61, 0.05),
      0 49px 49px rgba(16, 47, 61, 0.09),
      0 12px 27px rgba(16, 47, 61, 0.1);
  }

  #function-renew .function_renew__item--learn .function_renew__image {
    width: 650px;
    height: 417px;
    top: initial;
    left: 6px;
  }

  #function-renew .function_renew__item--learn .function_renew__content {
    margin-top: 0;
    padding-top: 35px;
  }

  #function-renew .function_renew__item--learn .function_renew__label {
    width: 473.58px;
    padding: 16px 56px;
  }

  #function-renew .function_renew__item--analysis {
    gap: 0;
  }

  #function-renew .function_renew__item--analysis .function_renew__image {
    width: 853px;
    height: 490.57px;
    top: -6px;
    left: 0;
  }

  #function-renew .function_renew__item--analysis .function_renew__content {
    margin-left: 0;
    margin-top: 0;
    top: 0;
    padding-top: 38px;
  }

  #function-renew .function_renew__item--analysis .function_renew__label {
    width: 293.03px;
    padding: 24px 56px;
  }

  #function-renew .function_renew__item--analysis .function_renew__line {
    top: 72.92px;
    left: -197px;
    width: 198px;
    height: 92px;
  }

  #function-renew .function_renew__item--analysis .function_renew__text {
    letter-spacing: 0.1em;
  }

  #function-renew .function_renew__item--switch .function_renew__image {
    width: 676px;
    height: 536.35px;
    top: -30px;
    left: 3px;
  }

  #function-renew .function_renew__item--switch .function_renew__content {
    margin-top: 0;
  }

  #function-renew .function_renew__item--switch .function_renew__label {
    width: 432.89px;
    padding: 24px 56px;
  }

  #function-renew .function_renew__item--switch .function_renew__line {
    width: 220px;
    height: 95px;
    top: 31.49px;
    left: -218px;
  }

  #function-renew .function_renew__item--switch .function_renew__text {
    letter-spacing: 0.1em;
  }
  /* #endregion うちのAI Avatarの機能 */
  /* #region こんなシーンで大活躍 */
  #scenes {
    background: #ffffff url(../img/avatar/scene/scenes_bg_blur_pc.webp) no-repeat center 100% / cover;
    padding: 0;
    position: relative;
  }
  #scenes .bg_illust {
    content: "";
    position: absolute;
    bottom: 87.32px;
    left: 0;
    right: 0;
    width: 100%;
    height: fit-content;
    height: -webkit-fit-content;
    height: auto;
  }
  #scenes .inner_wrrapper_scenes {
    padding: 120px 0 355px;
    width: 1328px; 
    margin: 0 auto;
  }
  
  #scenes .scene_main_title {
    display: flex;
    justify-content: center;
    margin: 0 auto 74px auto;
    width: 100%;
    filter: none;
  }
  
  #scenes .scene_main_title span {
    width: 372px;
    height: 124px;
    padding-bottom: 30px; 
    font-size: 26px;
    text-shadow: 105px 77px 52px rgba(0, 125, 186, 0.01), 59px 43px 44px rgba(0, 125, 186, 0.05), 26px 19px 33px rgba(0, 125, 186, 0.09), 7px 5px 18px rgba(0, 125, 186, 0.1);
  }
  #scenes .scene_main_title span::after{
    content: "";
    position: absolute;
    background: url(../img/avatar/scene/Union-pc-sd.webp) no-repeat center / 100%;
    width: 521px;
    height: 232px;
    left: 0px;
    top: 0px;
    z-index: -1;
  }
  
  #scenes .scene_list {
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 74px 0;
  }
  
  #scenes .scene_item {
    text-align: center; 
  }
  
  #scenes .scene_item.row-top {
    width: 32%;
  }
  
  #scenes .scene_item:not(.row-top) {
    width: calc((100% - (48px * 3)) / 4);
  
  }
  
  #scenes .scene_img {
    padding: 9px 14px;
    border-radius: 20px;
    box-shadow: 95px 69px 71px rgb(51, 147, 202,0.05),
    42px 31px 52px rgb(51, 147, 202,0.09); 
    margin-bottom: 32px;
  }
  
  #scenes .scene_img img {
    position: absolute;
    top: 9px;
    left: 14px;
    width: calc(100% - 28px);
    height: calc(100% - 18px);
    border-radius: 20px;
    border-bottom: 28px;
  }
  
  #scenes .scene_title, #scenes .scene_text{
    padding: 0 17px;
  }
  
  #scenes .scene_title {
     font-size: 28px; 
     margin-bottom: 17px; 
  }
  
  #scenes .scene_text { 
    font-size: 20px; 
    line-height: 1.6;
  }  
  /* #endregion こんなシーンで大活躍 */
  /* #region CTA3 */
  .cta-wrapper.low {
    height: 574px;
  }

  .cta-wrapper.low > .inner {
    padding: 75.68px 0 0;
    background: linear-gradient(
      90deg,
      rgba(0, 121, 189, 0.95) 0%,
      rgba(5, 168, 157, 0.95) 100%
    );
  }

  .cta-wrapper.low .cta-cont-box {
    display: flex;
    justify-content: center;
  }

  .cta-wrapper.low .cta-img {
    width: 525px;
    height: 498px;
    position: static;
    right: auto;
    bottom: auto;
  }

  .cta-wrapper.low .cta-content {
    padding: 77.32px 0 0;
    margin: 0 82px 0 0;
  }

  .cta-wrapper.low .cta-description {
    text-align: center;
  }

  .cta-wrapper.low .p_rel::before {
    width: 4px;
    height: 4px;
    top: -8px;
  }

  .cta-wrapper.low .cta-description p {
    font-size: 32px;
    margin-bottom: 25.9px;
  }

  .cta-wrapper.low .cta-description h2 {
    font-size: 40px;
    line-height: 64px;
    margin-bottom: 56px;
    letter-spacing: 0.1em;
  }

  .cta-wrapper.low .cta-btn-wrapper {
    width: 351px;
    height: 74px;
    margin: 0 auto;
    left: -8px;
    border-radius: 50px;
  }

  .cta-wrapper.low .cta-btn-wrapper a {
    font-size: 22px;
    padding-bottom: 0;
  }
  /* #endregion CTA3 */  
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
  その他
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 1180px) {
  /* #region リンクメッセージ */
  .is_lp .WT .link_msg {
    position: absolute;
    left: 52%;
    top: calc(50% + 120px);
    width: 360px;
    text-align: center;
    padding: 12px 24px 12px 12px;
    transform: translate(-50%, -50%);
    max-height: 140px;
    overflow-y: auto;
    max-width: 360px;
  }

  .is_lp .WT .link_txt {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    margin: 0 auto 16px;
    border-radius: 0 20px 20px 20px;
    font-size: 16px;
    width: fit-content;
  }
  /* #endregion リンクメッセージ */
}
@media screen and (max-width: 1775px) and (min-width: 768px) {
  /* #region アバター　ポップアップ */
  #avatar_page .easy-modal .close-button {
    left: 64vw;
  }
  #avatar_page .easy-modal .in_admin {
    width: 64vw;
  }
  /* #endregion アバター　ポップアップ */
}
@media screen and (max-width: 640px) {
/* #region 共通 */
  #avatar_page {
    position: relative;
}

#avatar_page::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: url('../img/avatar/sp/bg.webp') no-repeat;
    background-size: cover;
    background-position: 100% 5%;
}

  .switch_cont_pc {
    display: none;
  }

  .switch_cont_sp {
    display: block;
  }
/* #endregion 共通 */
/* #region アバター　ポップアップ */
#avatar_page .easy-modal.show {
  padding-top: 0;
}

#avatar_page .easy-modal .in_admin {
  box-shadow: none;
}

#avatar_page #uchino_ai_stream {
  height: 100dvh;
}

#avatar_page .in_admin {
  height: 100dvh;
}

#avatar_page .in_admin .sp_cont .voice_conversation {
  height: 100dvh;
}

#avatar_page .se .voice_load {
  bottom: 20px;
}

#avatar_page .easy-modal #x_botton.close-button {
  background: rgb(81 81 81 / 44%);
}

#avatar_page .easy-modal .close-button {
  position: fixed;
  top: 0;
  right: -93vw;
  left: 0;
  margin: auto;
  padding: 14px;
}

#avatar_page .easy-modal .close-button .icon-close {
  font-size: 14px;
  position: relative;
  left: 1px;
}
/* #endregion アバター　ポップアップ */
/* #region フッター */
  #avatar_page #under {
    padding: 6.5vw 0vw 24.375vw;
  }

  #avatar_page #under .f_link {
    margin: 0 auto 6.25vw;
  }

  #avatar_page #under .f_inner {
    display: block;
  }

  #avatar_page #under .f_logo {
    width: 100%;
    margin: 0 auto 6.25vw;
  }

  #avatar_page #under .f_logo > a {
    width: auto;
  }

  #avatar_page #under .f_link p {
    font-size: 2.9vw;
  }

  #avatar_page #under .f_logo img {
    height: 7.5vw;
    max-height: 41px;
    width: 100%;
    max-width: 220px;
  }
/* #endregion フッター */
}