[id] {
  scroll-margin-top: 90px;
}
@media screen and (max-width: 767px) { /* 375 */
  [id] {
    scroll-margin-top: 21.071vw;
  }
}

/* breadcrumb */
.m-breadcrumb--forHeader {
  background: none;
  position: relative;
  z-index: 10;
}

/* animation */

.slideup01 {
  transform: translate(0,80px);
  opacity: 0;
  transition: all 0.65s 0s ease-in-out;
}
.slideup01.scrollin {
  transform: translate(0,0);
  opacity: 1;
}


/* wrapper */
.technical-ai-wrapper {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
  z-index: 0;
  background: #E6EAED;
}
.technical-ai-wrapper::before {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100vw;
  max-width: 100%;
  height: 580px;
  content: "";
  background: linear-gradient(180deg, #FFF 0%, #E6EAED 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 0;
}
.technical-ai-wrapper::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100vw;
  max-width: 100%;
  height: 580px;
  content: "";
  background: linear-gradient(0deg, #FFF 0%, #E6EAED 100%);
  position: absolute;
  bottom: 376px;
  left: 0;
  z-index: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper::before {
    height: 40.278vw;
  }
  .technical-ai-wrapper::after {
    height: 40.278vw;
    bottom: 26.111vw;
  }
}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper {
    overflow: hidden;
  }
  .technical-ai-wrapper::before {
    height: 133.333vw;
  }
  .technical-ai-wrapper::after {
    height: 133.333vw;
    bottom: 172vw;
  }

}


/* component */
.technical-ai-wrapper .pc-disp {}
.technical-ai-wrapper .sp-disp { display: none !important; }
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .pc-disp { display: none !important; }
  .technical-ai-wrapper .sp-disp { display: block !important; }
}


.c-hidden {
  overflow: hidden;
}

.c-zindex0 {
  z-index: 0 !important;
}

.technical-ai-wrapper .c-modal-overlay {
  width: 100vw;
  height: 100vh;
  background: #686868;
  opacity: 0.75;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
}
.technical-ai-wrapper .c-modal-overlay .quit {
  width: 36px;
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100001;
  cursor: pointer;
}
.technical-ai-wrapper .c-modal-wrap {
  width: 1184px;
  max-width: 62%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 100002;
  display: none;
}
.technical-ai-wrapper .c-modal-movie {
  position: relative;
}
.technical-ai-wrapper .c-modal-movie::after {
  width: 120px;
  height: 120px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.technical-ai-wrapper .c-modal-movie img {
  width: 100%;
  display: block;
}

.technical-ai-wrapper .c-youtube-wrap ,
.technical-ai-wrapper .c-modal-youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.technical-ai-wrapper .c-youtube-wrap iframe ,
.technical-ai-wrapper .c-modal-youtube iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.technical-ai-wrapper .c-youtube-wrap .youtube-box ,
.technical-ai-wrapper .c-modal-youtube .youtube-box {
  position: relative;
  width: 100%;
}
.technical-ai-wrapper .c-youtube-wrap .youtube-box::before ,
.technical-ai-wrapper .c-modal-youtube .youtube-box::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.technical-ai-wrapper .c-youtube-wrap .youtube-box iframe,
.technical-ai-wrapper .c-youtube-wrap .youtube-box .thumb ,
.technical-ai-wrapper .c-modal-youtube .youtube-box iframe,
.technical-ai-wrapper .c-modal-youtube .youtube-box .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.technical-ai-wrapper .c-youtube-wrap .thumb img ,
.technical-ai-wrapper .c-modal-youtube .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technical-ai-wrapper .c-youtube-wrap .play-btn ,
.technical-ai-wrapper .c-modal-youtube .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  cursor: pointer;	
}
.technical-ai-wrapper .c-youtube-wrap .play-btn::after ,
.technical-ai-wrapper .c-modal-youtube .play-btn::after {
  width: 120px;
  height: 120px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.technical-ai-wrapper .c-youtube-wrap .play-btn.play-btn--black::after ,
.technical-ai-wrapper .c-modal-youtube .play-btn.play-btn--black::after {
  width: 120px;
  height: 120px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/play_btn_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}


@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-youtube-wrap .play-btn::after ,
  .technical-ai-wrapper .c-modal-youtube .play-btn::after {
    width: 8.333vw;
    height: 8.333vw;
  }
}
@media screen and (max-width: 767px) { /* 375 */
  /*
  .technical-ai-wrapper .c-youtube-wrap::after ,
  .technical-ai-wrapper .c-modal-movie::after {
    width: 8vw;
    height: 8vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }
  */
  .technical-ai-wrapper .c-youtube-wrap .play-btn::after ,
  .technical-ai-wrapper .c-modal-youtube .play-btn::after {
    width: 8vw;
    height: 8vw;
  }
}

.technical-ai-wrapper .c-modal-member {
  padding: 40px 32px 32px 32px;
  width: 1184px;
  max-height: 90vh;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  box-sizing: border-box;
  overflow: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 100002;
  border-radius: 4px;
}
.technical-ai-wrapper .c-modal-member .image {
  margin: 0 40px 45px 18px;
  width: 240px;
}
.technical-ai-wrapper .c-modal-member .profile {
  margin: 10px 0 45px 0;
  width: calc( 100% - 298px );
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .c-modal-member .profile .name {
  margin: 0 30px 5px 0;
  line-height: 1.7em;
  font-size: 24px;
  letter-spacing: 0.2em;
  font-family: var(--font-bold);
  /*font-weight: 700;*/
}
.technical-ai-wrapper .c-modal-member .profile .eng {
  margin: 0 0 8px 0;
  line-height: 1.7em;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-family: var(--font-normal);
  font-weight: 400;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .c-modal-member .profile .job {
  margin: 0 0 15px 0;
  width: 100%;
  line-height: 1.7em;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-family: var(--font-bold);
  /*font-weight: 700;*/
	color: #686868;
}
.technical-ai-wrapper .c-modal-member .profile .comment {
  margin: 0 0 10px 0;
  width: 100%;
  line-height: 2.2em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .c-modal-member .profile .tags {
  width: 100%;
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: left;
}
.technical-ai-wrapper .c-modal-member .profile .tag {
  margin: 0 16px 5px 0;
  display: inline-block;
}
.technical-ai-wrapper .c-modal-member .interview-wrap {
  width: 100%;
  position: relative;
}
.technical-ai-wrapper .c-modal-member .interview-wrap::before {
  width: 47px;
  height: 37px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/deco_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -15px;
  left: 21px;
}
.technical-ai-wrapper .c-modal-member .interview {
  padding: 40px 50px;
  border-radius: 4px;
  background: #F2F5F8;
  overflow: hidden;
}
.technical-ai-wrapper .c-modal-member .interview .paragraph {
  padding: 0 0 30px 0;
  line-height: 2.2em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .c-modal-member .interview .text-bold {
  padding: 0 0 15px 0;
  font-family: var(--font-bold);
  /*font-weight: 700;*/
}
.technical-ai-wrapper .c-modal-member .interview .link {
  margin: 10px auto 0;
  width: 188px;
  width: fit-content;
  width: 100%;
}
.technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 {
  height: auto;
}
.technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 .text {
  padding: 12px 60px 12px 30px;
  height: auto;
}

.technical-ai-wrapper .c-modal-member .interview .interview-model-slider {
  margin: 0 0 60px 70px;
  width: 256px;
  float: right;
}
.technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image .img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 144px;
  display: block;
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-modal-member {
    padding: 2.778vw 2.222vw 2.222vw 2.222vw;
    width: 82.222vw;
    max-height: 90vh;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-sizing: border-box;
    overflow: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 100002;
  }
  .technical-ai-wrapper .c-modal-member .image {
    margin: 0 2.778vw 3.125vw 1.25vw;
    width: 16.667vw;
  }
  .technical-ai-wrapper .c-modal-member .profile {
    margin: 0.694vw 0 3.125vw 0;
    width: calc( 100% - 20.694vw );
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .c-modal-member .profile .name {
    margin: 0 2.083vw 0.347vw 0;
    line-height: 1.7em;
    font-size: 1.667vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
     /*font-weight: 700;*/
  }
  .technical-ai-wrapper .c-modal-member .profile .eng {
    margin: 0 0 0.556vw 0;
    line-height: 1.7em;
    font-size: 0.972vw;
    letter-spacing: 0.1em;
    font-family: var(--font-normal);
    font-weight: 400;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-modal-member .profile .job {
    margin: 0 0 1.042vw 0;
    width: 100%;
    line-height: 1.7em;
    font-size: 0.972vw;
    letter-spacing: 0.1em;
    font-family: var(--font-bold);
  /*font-weight: 700;*/
	  	color: #686868;
  }
  .technical-ai-wrapper .c-modal-member .profile .comment {
    margin: 0 0 0.694vw 0;
    width: 100%;
    line-height: 2.2em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .c-modal-member .profile .tags {
    width: 100%;
    color: #337DD9;
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .technical-ai-wrapper .c-modal-member .profile .tag {
    margin: 0 1.111vw 0.347vw 0;
    display: inline-block;
  }
  .technical-ai-wrapper .c-modal-member .interview-wrap {
    width: 100%;
    position: relative;
  }
  .technical-ai-wrapper .c-modal-member .interview-wrap::before {
    width: 3.264vw;
    height: 2.569vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/deco_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -1.042vw;
    left: 1.458vw;
  }
  .technical-ai-wrapper .c-modal-member .interview {
    padding: 2.778vw 3.472vw;
    border-radius: 0.278vw;
    background: #F2F5F8;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-modal-member .interview .paragraph {
    padding: 0 0 2.083vw 0;
    line-height: 2.2em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .c-modal-member .interview .text-bold {
    padding: 0 0 1.042vw 0;
    font-family: var(--font-bold);
     /*font-weight: 700;*/
  }
  .technical-ai-wrapper .c-modal-member .interview .link {
    margin: 0.694vw auto 0;
    width: 13.056vw;
    width: fit-content;
    width: 100%;
  }
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 .text {
    padding: 1vw 4.167vw 1vw 2.083vw;
  }
  
  
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider {
    margin: 0 0 4.167vw 4.861vw;
    width: 17.778vw;
    float: right;
  }
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image .img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 10vw;
    display: block;
    object-fit: cover;
  }
}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-modal-wrap.c-modal-wrap--member {
    width: 86.667vw;
    max-width: 86.667vw;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(0,0);
  }
  
  .technical-ai-wrapper .c-modal-member {
    margin: 0 0 0 0;
    padding: 10.667vw 6.667vw 8.533vw 6.667vw;
    width: 86.667vw;
    max-height: calc( 100vh - 40.533vw );
    display: block;
    background: #fff;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
    border-radius: 1.333vw;
    position: fixed;
    top: 20.267vw;
    left: 6.667vw;
    transform: translate(0,0);
    z-index: 100002;
  }
  .technical-ai-wrapper .c-modal-member .image {
    margin: 0 auto 31px auto;
    width: 32vw;
  }
  .technical-ai-wrapper .c-modal-member .profile {
    margin: 2.667vw 0 10.667vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .c-modal-member .profile .name {
    margin: 0 5.333vw 2.133vw 0;
    line-height: 1.7em;
    font-size: 4.8vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    /*font-weight: 700;*/
  }
  .technical-ai-wrapper .c-modal-member .profile .eng {
    margin: 0 0 2.133vw 0;
    line-height: 1.7em;
    font-size: 3.2vw;
    letter-spacing: 0.1em;
    font-family: var(--font-normal);
    font-weight: 400;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-modal-member .profile .job {
    margin: 0 0 5.333vw 0;
    width: 100%;
    line-height: 1.7em;
    font-size: 3.733vw;
    letter-spacing: 0.1em;
    font-family: var(--font-bold);
     /*font-weight: 700;*/
	  	color: #686868;
  }
  .technical-ai-wrapper .c-modal-member .profile .comment {
    margin: 0 0 2.667vw 0;
    width: 100%;
    line-height: 2.0em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .c-modal-member .profile .tags {
    width: 100%;
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.467vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: left;
  }
  .technical-ai-wrapper .c-modal-member .profile .tag {
    margin: 0 4.8vw 1.333vw 0;
    display: inline-block;
  }
  .technical-ai-wrapper .c-modal-member .interview-wrap {
    width: 100%;
    position: relative;
  }
  .technical-ai-wrapper .c-modal-member .interview-wrap::before {
    width: 12.533vw;
    height: 9.867vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/deco_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -4vw;
    left: 5.6vw;
  }
  .technical-ai-wrapper .c-modal-member .interview {
    margin: 0 -1.333vw;
    padding: 10.667vw 6.667vw;
    border-radius: 1.067vw;
    background: #F2F5F8;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-modal-member .interview .slider-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  
  .technical-ai-wrapper .c-modal-member .interview .paragraph {
    padding: 0 0 5.333vw 0;
    line-height: 2.0em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .c-modal-member .interview .text-bold {
    padding: 0 0 4vw 0;
    font-family: var(--font-bold);
     /*font-weight: 700;*/
    line-height: 2.2em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-modal-member .interview .link {
    margin: 2.667vw auto 0;
    width: 50.133vw;
    width: fit-content;
    width: 100%;
  }
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 .text {
    padding: 3vw 7vw 3vw 4vw;
  }
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 {
    border-radius: 20px;
  }
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01::before {
    border-radius: 20px;
  }
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 .text {
    border-radius: 20px;
  }
  
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider {
    margin: 0 0 16vw 0;
    width: 62.667vw;
    float: none;
    order: 3;
  }
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .c-modal-member .interview .interview-model-slider .image .img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 38.4vw;
    display: block;
    object-fit: cover;
  }

}

.technical-ai-wrapper .c-mp4-wrap ,
.technical-ai-wrapper .c-modal-mp4 {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.technical-ai-wrapper .c-mp4-wrap .mp4-box ,
.technical-ai-wrapper .c-modal-mp4 .mp4-box {
  position: relative;
  width: 100%;
}
.technical-ai-wrapper .c-mp4-wrap video ,
.technical-ai-wrapper .c-modal-mp4 video {
  width: 100%;
  height: 100%;
  display: block;
}
.technical-ai-wrapper .c-mp4-wrap .mp4-box::before ,
.technical-ai-wrapper .c-modal-mp4 .mp4-box::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.technical-ai-wrapper .c-mp4-wrap .mp4-box video,
.technical-ai-wrapper .c-mp4-wrap .mp4-box .thumb ,
.technical-ai-wrapper .c-modal-mp4 .mp4-box video,
.technical-ai-wrapper .c-modal-mp4 .mp4-box .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.technical-ai-wrapper .c-mp4-wrap .thumb img ,
.technical-ai-wrapper .c-modal-mp4 .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technical-ai-wrapper .c-mp4-wrap .play-btn ,
.technical-ai-wrapper .c-modal-mp4 .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.technical-ai-wrapper .c-mp4-wrap .play-btn::after ,
.technical-ai-wrapper .c-modal-mp4 .play-btn::after {
  width: 120px;
  height: 120px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.technical-ai-wrapper .c-mp4-wrap .play-btn.play-btn--black::after ,
.technical-ai-wrapper .c-modal-mp4 .play-btn.play-btn--black::after {
  width: 120px;
  height: 120px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/play_btn_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}





.technical-ai-wrapper .c-menu-btn {
  width: 167px;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
  border-radius: 180px;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 20;
  transition: all 0.4s 0s ease-in-out;/*初期値0.8s*/
  overflow: hidden;
}

.technical-ai-wrapper .c-menu-btn.fixed {
  position: fixed;
  z-index: 1000;
}


.technical-ai-wrapper .c-menu-btn.active {
  width: 240px;
  border-radius: 4px;
}
.technical-ai-wrapper .c-menu-btn .btn {
  width: 100%;
  height: 50px;
  position: relative;
  cursor: pointer;
  transition: all 0.8s 0s ease-in-out;
  overflow: hidden;
}
.technical-ai-wrapper .c-menu-btn .btn .text {
  padding: 0 0 0 30px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  letter-spacing: 0.2em;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  transition: all 0.8s 0s ease-in-out;
}
.technical-ai-wrapper .c-menu-btn.active .btn .text {
  padding: 0 0 0 25px;
}

.technical-ai-wrapper .c-menu-btn .btn::before {
  width: 34px;
  height: 34px;
  content: "";
  background: #fff;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_close_01.webp") no-repeat center center;
  background-size: 100% 100%;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
/*
.technical-ai-wrapper .c-menu-btn .btn .text::before {
  width: 1px;
  height: 15px;
  content: "";
  background: #5351CA;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
.technical-ai-wrapper .c-menu-btn .btn .text::after {
  width: 15px;
  height: 1px;
  content: "";
  background: #5351CA;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 16.5px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
*/
.technical-ai-wrapper .c-menu-btn:hover .btn::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-menu-btn.active .btn::before {
  transform: translate(0,-50%) rotate(-45deg);
}

.technical-ai-wrapper .c-menu-btn:hover .btn .text::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-menu-btn:hover .btn .text::after {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-menu-btn.active .btn .text::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-menu-btn.active .btn .text::after {
  transform: translate(0,-50%) rotate(-45deg);
}

.technical-ai-wrapper .c-menu-btn .navi {
  overflow: hidden;
  display: none;
}
.technical-ai-wrapper .c-menu-btn .navi ul {
  padding: 20px 0 12px 0;
  overflow: hidden;
}
.technical-ai-wrapper .c-menu-btn .navi ul li {
  text-align: right;
  padding: 0 24px 18px 24px;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .c-menu-btn .navi ul li a {
  color: #fff;
}
.technical-ai-wrapper .c-menu-btn .navi .link {
  margin: 0 20px 20px 20px;
  width: calc( 100% - 40px );
}
.technical-ai-wrapper .c-menu-btn .navi .sns-link-box {
  margin: 0 auto 30px;
  width: 62px;
  display: flex;
  justify-content: space-between;
}
.technical-ai-wrapper .c-menu-btn .navi .sns-link-box .sns-link {
  width: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-menu-btn {
    width: 11.597vw;
    border-radius: 12.5vw;
    top: 2.778vw;
    right: 2.778vw;
  }
  .technical-ai-wrapper .c-menu-btn.active {
    width: 16.667vw;
    border-radius: 0.278vw;
  }
  .technical-ai-wrapper .c-menu-btn .btn {
    width: 100%;
    height: 3.472vw;
    position: relative;
    cursor: pointer;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-menu-btn .btn .text {
    padding: 0 0 0 2.083vw;
    width: 100%;
    height: 3.472vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    letter-spacing: 0.2em;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text {
    padding: 0 0 0 1.736vw;
  }
  .technical-ai-wrapper .c-menu-btn .btn::before {
    width: 2.361vw;
    height: 2.361vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 0.556vw;
    transform: translate(0,-50%);
    z-index: 1;
  }
  /*
  .technical-ai-wrapper .c-menu-btn .btn .text::before {
    width: 1px;
    height: 1.042vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 1.667vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-menu-btn .btn .text::after {
    width: 1.042vw;
    height: 1px;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 1.235vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-menu-btn:hover .btn .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn:hover .btn .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
*/
  .technical-ai-wrapper .c-menu-btn .navi {
    overflow: hidden;
    display: none;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul {
    padding: 1.389vw 0 0.833vw 0;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul li {
    text-align: right;
    padding: 0 1.667vw 1.25vw 1.667vw;
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul li a {
  }
  .technical-ai-wrapper .c-menu-btn .navi .link {
    margin: 0 1.389vw 1.389vw 1.389vw;
    width: calc( 100% - 2.778vw );
  }
  .technical-ai-wrapper .c-menu-btn .navi .sns-link-box {
    margin: 0 auto 30px;
    width: 4.306vw;
    display: flex;
    justify-content: space-between;
  }
  .technical-ai-wrapper .c-menu-btn .navi .sns-link-box .sns-link {
    width: 1.667vw;
  }
}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-menu-btn {
    width: 34.667vw;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
    top: 5.333vw;
    right: 5.333vw;
  transition: all 0.4s 0s ease-in-out;/*初期値0.8s*/
    overflow: hidden;
  }
  .technical-ai-wrapper .c-menu-btn.active {
    width: 64vw;
    border-radius: 1.067vw;
  }
  .technical-ai-wrapper .c-menu-btn .btn {
    width: 100%;
    height: 11.733vw;
    position: relative;
    cursor: pointer;
    transition: all 0.8s 0s ease-in-out;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-menu-btn .btn .text {
    padding: 0 0 0 5.333vw;
    width: 100%;
    height: 11.733vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    letter-spacing: 0.2em;
    color: #fff;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.8s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text {
    padding: 0 0 0 6.667vw;
  }

  .technical-ai-wrapper .c-menu-btn .btn::before {
    width: 6.933vw;
    height: 6.933vw;
    content: "";
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 2.133vw;
    transform: translate(0,-50%);
    z-index: 1;
  }
  /*
  .technical-ai-wrapper .c-menu-btn .btn .text::before {
    height: 2.667vw;
    content: "";
    background: #5351CA;
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 5.543vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-menu-btn .btn .text::after {
    width: 2.667vw;
    content: "";
    background: #5351CA;
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 4.367vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  
  
  
  
  
  
  
  
  
  .technical-ai-wrapper .c-menu-btn:hover .btn .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn:hover .btn .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-menu-btn.active .btn .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
*/
  .technical-ai-wrapper .c-menu-btn .navi {
    overflow: hidden;
    display: none;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul {
    padding: 5.333vw 0 3.2vw 0;
    overflow: hidden;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul li {
    text-align: right;
    padding: 0 6.4vw 4.8vw 6.4vw;
    line-height: 1.6em;
    font-size: 3.467vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-menu-btn .navi ul li a {
    color: #fff;
  }
  .technical-ai-wrapper .c-menu-btn .navi .link {
    margin: 0 5.333vw 5.333vw 5.333vw;
    width: calc( 100% - 10.667vw );
  }
  .technical-ai-wrapper .c-menu-btn .navi .sns-link-box {
    margin: 0 auto 30px;
    width: 16.533vw;
    display: flex;
    justify-content: space-between;
  }
  .technical-ai-wrapper .c-menu-btn .navi .sns-link-box .sns-link {
    width: 6.4vw;
  }
}



.technical-ai-wrapper .c-eng-page-link {
  position: absolute;
  top: 98px;
  right: 30px;
  z-index: 10;
}
.technical-ai-wrapper .c-eng-page-link .link {
  width: 187px;
  text-align: center;
  line-height: 1.4em;
  font-size: 12px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #5351CA;
  display: inline-block;
}
.technical-ai-wrapper .c-eng-page-link .link::after {
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
}

.technical-ai-wrapper .c-eng-page-link .link:hover { text-decoration: underline; }



.technical-ai-wrapper .c-base-head {
  position: relative;
  z-index: 10;
}
.technical-ai-wrapper .c-base-head.c-base-head--right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.technical-ai-wrapper .c-base-head.c-base-head--center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.technical-ai-wrapper .c-base-head .label {
  margin: 0 0 20px 0;
  padding: 0 10px;
  width: fit-content;
  height: 28px;
  color: #fff;
  background: #000;
  line-height: 1.2em;
  font-size: 15px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .c-base-head .eng {
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.4em;
  font-size: 14px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.1em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}

.technical-ai-wrapper .c-base-head .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.8em;
  font-size: 50px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;

}
.technical-ai-wrapper .c-base-head .title.title--right {
  text-align: right;
}
.technical-ai-wrapper .c-base-head .title.title--black {
  font-size: 32px;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
  color: #000;
  
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
.technical-ai-wrapper .c-base-head .title.title--min {
  font-size: 32px;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
}
.technical-ai-wrapper .c-base-head .title .sub {
  font-size: 20px;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #686868;
  padding: 0 0 0 35px;
}
.technical-ai-wrapper .c-base-head .sub-title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.8em;
  font-size: 40px;
  font-weight: normal;
  font-family: var(--font-normal);
  letter-spacing: 0.2em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .c-base-head .sub-title.sub-title--black {
  color: #000;
  background: none;
  -webkit-background-clip: initial;
  -webkit-text-fill-color: initial;
}
.technical-ai-wrapper .c-base-head .sub-title.sub-title--right {
  text-align: right;
}
.technical-ai-wrapper .c-base-head .sub-title.sub-title--medium {
  font-family: var(--font-medium);
  font-weight: 500;
}
.technical-ai-wrapper .c-base-head .sub-title.sub-title--min-pc {
  line-height: 1.7em;
  font-size: 32px;
  font-weight: normal;
  font-family: var(--font-normal);
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .c-base-head .sub-title.sub-title--center {
  text-align: center;
}

.technical-ai-wrapper .c-base-head .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .c-base-head .link {
  width: 212px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-base-head {
    position: relative;
    z-index: 10;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--center {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .technical-ai-wrapper .c-base-head .label {
    margin: 0 0 1.389vw 0;
    padding: 0 0.694vw;
    width: fit-content;
    height: 1.944vw;
    line-height: 1.2em;
    font-size: 1.042vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-base-head .eng {
    margin: 0 0 0.833vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.4em;
    font-size: 0.972vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
  }

  .technical-ai-wrapper .c-base-head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.8em;
    font-size: 3.472vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .title.title--right {
    text-align: right;
  }
  .technical-ai-wrapper .c-base-head .title.title--black {
    font-size: 2.222vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .c-base-head .title.title--min {
    font-size: 2.222vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .c-base-head .title .sub {
    font-size: 1.389vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    padding: 0 0 0 2.431vw;
  }
  .technical-ai-wrapper .c-base-head .sub-title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.8em;
    font-size: 2.778vw;
    font-weight: normal;
    font-family: var(--font-normal);
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--black {

  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--right {
    text-align: right;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--medium {
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--min-pc {
    line-height: 1.7em;
    font-size: 2.222vw;
    font-weight: normal;
    font-family: var(--font-normal);
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .link {
    width: 14.722vw;
    position: absolute;
    bottom: 0;
    right: 0;
  }

}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-base-head {
    position: relative;
    z-index: 10;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--center {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--left-sp {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .technical-ai-wrapper .c-base-head.c-base-head--sp {
    margin-left: 6.667vw;
    margin-right: 6.667vw;
    width: 86.667vw;
  }

  
  .technical-ai-wrapper .c-base-head .label {
    margin: 0 0 5.333vw 0;
    padding: 0 2.667vw;
    width: fit-content;
    height: 6.133vw;
    color: #fff;
    background: #000;
    line-height: 1.2em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-base-head .eng {
    margin: 0 0 3.2vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.4em;
    font-size: 3.2vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }

  .technical-ai-wrapper .c-base-head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
    font-size: 9.067vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;

  }
  .technical-ai-wrapper .c-base-head .title.title--right {
    text-align: right;
  }
  .technical-ai-wrapper .c-base-head .title.title--left-sp {
    text-align: left;
  }
  .technical-ai-wrapper .c-base-head .title.title--min {
    font-size: 6.4vw;
    line-height: 1.8em;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }

  .technical-ai-wrapper .c-base-head .sub-title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
    font-size: 8vw;
    font-weight: normal;
    font-family: var(--font-normal);
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--medium {
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--left-sp {
    text-align: left;
  }
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--min-sp {
    line-height: 1.8em;
    font-size: 6.4vw;
  }
  

  
  .technical-ai-wrapper .c-base-head .paragraph {
    margin: 0 0 0 0;
    padding: 4vw 0 0 0;
    line-height: 1.6em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-base-head .link {
    width: 56.533vw;
    position: absolute;
    bottom: 0;
    right: 0;
  }

}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-base-head .sub-title.sub-title--left-sp {
    text-align: left !important;
  }
}


/*
.technical-ai-wrapper .c-link-btn01 {
  padding: 0px;
  width: 100%;
  border: 1px solid;
  border-image: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%) 1;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn01:hover {
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn01 .text {
  padding: 0 0 0 30px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #5351CA;
  background: rgba(255,255,255,0.4);
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s 0s ease-in-out;
}
*/
.technical-ai-wrapper .c-link-btn01 {
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  transition: all 0.6s ease-in-out;
  background: none;
  z-index: 0;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--center {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  width: fit-content;
}

.technical-ai-wrapper .c-link-btn01::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 180px;
  padding: 1px;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.technical-ai-wrapper .c-link-btn01:hover {
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn01 .text {
  padding: 0 0 0 30px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #5351CA;
  background: rgba(255,255,255,0.4);
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--center .text {
  padding: 0 60px 0 30px;
}

.technical-ai-wrapper .c-link-btn01:hover .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text {
  padding: 0 40px 0 20px;
  width: 100%;
  height: 40px;
  line-height: 1.6em;
  font-size: 11px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  background: #fff;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--navi:hover .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn01 .text::after {
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text::after {
  width: 13px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--blank .text::after {
  width: 13px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_01.webp") no-repeat center center;
  
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn01:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_04.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--navi:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--blank:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--movie .text::after {
  width: 13px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_01.webp") no-repeat center center;
  
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--movie:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_02.webp") no-repeat center center;
  background-size: 100% 100%;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-link-btn01 {
    position: relative;
/*    width: 100%;*/
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    background: none;
    z-index: 0;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--center {
    margin-bottom: 2.083vw;
  }

  .technical-ai-wrapper .c-link-btn01::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12.5vw;
    padding: 0.069vw;
  }
  .technical-ai-wrapper .c-link-btn01:hover {
  }
  .technical-ai-wrapper .c-link-btn01 .text {
    padding: 0 0 0 2.083vw;
    width: 100%;
    height: 3.472vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--center .text {
    padding: 0 4vw 0 2.083vw;
  }
  .technical-ai-wrapper .c-link-btn01:hover .text {
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text {
    padding: 0 2.7vw 0 1.389vw;
    width: 100%;
    height: 2.778vw;
    line-height: 1.6em;
    font-size: 0.764vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi:hover .text {
  }
  .technical-ai-wrapper .c-link-btn01 .text::after {
    width: 0.347vw;
    height: 0.694vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 2.083vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text::after {
    width: 0.903vw;
    height: 0.903vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.25vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--blank .text::after {
    width: 0.903vw;
    height: 0.903vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.25vw;
    transform: translate(0,-50%);
  }

  .technical-ai-wrapper .c-link-btn01:hover .text::after {
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi:hover .text::after {
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--movie .text::after {
    width: 0.903vw;
    height: 0.903vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.25vw;
    transform: translate(0,-50%);
  }
}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-link-btn01 {
    position: relative;
    padding: 0.267vw;
/*    width: 100%;*/
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    border-radius: 48vw;
    background: none;
    z-index: 0;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--center {
    margin-bottom: 8vw;
  }
  .technical-ai-wrapper .c-link-btn01::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 48vw;
    padding: 0.267vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
  }
  .technical-ai-wrapper .c-link-btn01 .text {
    padding: 0 0 0 8vw;
    width: 100%;
    height: 13.333vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--center .text {
    padding: 0 16vw 0 8vw;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text {
    padding: 0 10vw 0 5.333vw;
    width: 100%;
    height: 10.667vw;
    line-height: 1.6em;
    font-size: 2.933vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-link-btn01 .text::after {
    width: 1.333vw;
    height: 2.667vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 8vw;
    transform: translate(0,-50%);
  }
	
  .technical-ai-wrapper .c-modal-member .interview .link .c-link-btn01 .text::after {
     width: 1.333vw;
    height: 2.667vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 3.5vw;
    transform: translate(0,-50%);
  }

	
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--navi .text::after {
    width: 3.467vw;
    height: 3.467vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--blank .text::after {
    width: 3.467vw;
    height: 3.467vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--movie .text::after {
    width: 3.467vw;
    height: 3.467vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
  
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--min .text {
  padding: 0 0 0 20px;
  width: 100%;
  height: 41px;
  line-height: 1.6em;
  font-size: 12px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .c-link-btn01.c-link-btn01--min:hover .text {
  color: #fff;
  background: #5351CA;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--min .text {
    padding: 0 0 0 1.389vw;
    width: 100%;
    height: 2.847vw;
    line-height: 1.6em;
    font-size: 0.833vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--min:hover .text {
    color: #fff;
    background: #5351CA;
  }

}
@media only screen and (max-width: 767px) { /* 375 */

  .technical-ai-wrapper .c-link-btn01.c-link-btn01--min .text {
    padding: 0 0 0 5.333vw;
    width: 100%;
    height: 10.933vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .c-link-btn01.c-link-btn01--min:hover .text {
    color: #fff;
    background: #5351CA;
  }
  
}





.technical-ai-wrapper .c-link-btn02 {
  width: 100%;
  height: 50px;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
  border-radius: 180px;
  position: relative;
  cursor: pointer;
  display: block;
}
.technical-ai-wrapper .c-link-btn02 .text {
  padding: 0 0 0 33px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .c-link-btn02 .text.off {
  display: flex;
}
.technical-ai-wrapper .c-link-btn02 .text.on {
  display: none;
}
.technical-ai-wrapper .c-link-btn02.active .text.off {
  display: none;
}
.technical-ai-wrapper .c-link-btn02.active .text.on {
  display: flex;
}
.technical-ai-wrapper .c-link-btn02::before {
  width: 34px;
  height: 34px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_close_01.webp") no-repeat center center;
  background-size: 100% 100%;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn02:hover::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-link-btn02.active::before {
  transform: translate(0,-50%) rotate(-45deg);
}

/*
.technical-ai-wrapper .c-link-btn02 .text::before {
  width: 1px;
  height: 15px;
  content: "";
  background: #5351CA;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn02 .text::after {
  width: 15px;
  height: 1px;
  content: "";
  background: #5351CA;
  border-radius: 180px;
  position: absolute;
  top: 50%;
  right: 16.5px;
  transform: translate(0,-50%);
  z-index: 1;
  transition: all 0.2s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn02:hover .text::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-link-btn02:hover .text::after {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-link-btn02.active .text::before {
  transform: translate(0,-50%) rotate(-45deg);
}
.technical-ai-wrapper .c-link-btn02.active .text::after {
  transform: translate(0,-50%) rotate(-45deg);
}
*/
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-link-btn02 {
    width: 100%;
    height: 3.472vw;
    border-radius: 12.5vw;
    position: relative;
    cursor: pointer;
    display: block;
  }
  .technical-ai-wrapper .c-link-btn02 .text {
    padding: 0 0 0 2.292vw;
    width: 100%;
    height: 3.472vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-link-btn02 .text.off {
    display: flex;
  }
  .technical-ai-wrapper .c-link-btn02 .text.on {
    display: none;
  }
  .technical-ai-wrapper .c-link-btn02.active .text.off {
    display: none;
  }
  .technical-ai-wrapper .c-link-btn02.active .text.on {
    display: flex;
  }
  .technical-ai-wrapper .c-link-btn02::before {
    width: 2.361vw;
    height: 2.361vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 0.556vw;
    transform: translate(0,-50%);
    z-index: 1;
  }
  /*
  .technical-ai-wrapper .c-link-btn02 .text::before {
    width: 1px;
    height: 1.042vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 1.667vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn02 .text::after {
    width: 1.042vw;
    height: 1px;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    top: 50%;
    right: 1.215vw;
    right: 1.235vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn02:hover .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-link-btn02:hover .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-link-btn02.active .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-link-btn02.active .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
*/
}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-link-btn02 {
    width: 100%;
    height: 13.333vw;
    position: relative;
    cursor: pointer;
    display: block;
  }
  .technical-ai-wrapper .c-link-btn02 .text {
    padding: 0 0 0 8.8vw;
    width: 100%;
    height: 13.333vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .c-link-btn02::before {
    width: 9.067vw;
    height: 9.067vw;
    content: "";
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 2.133vw;
    transform: translate(0,-50%);
    z-index: 1;
  }
  /*
  .technical-ai-wrapper .c-link-btn02 .text::before {
    width: 1px;
    height: 4vw;
    content: "";
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 6.6vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn02 .text::after {
    width: 4vw;
    height: 1px;
    content: "";
    border-radius: 48vw;
    position: absolute;
    top: 50%;
    right: 4.667vw;
    transform: translate(0,-50%);
    z-index: 1;
    transition: all 0.2s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn02:hover .text::before {
    transform: translate(0,-50%) rotate(-45deg);
  }
  .technical-ai-wrapper .c-link-btn02:hover .text::after {
    transform: translate(0,-50%) rotate(-45deg);
  }
  */
}


.technical-ai-wrapper .c-link-btn03 {
  padding: 1px;
  width: 100%;
  background: #fff;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn03:hover {
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn03 .text {
  padding: 0 0 0 30px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #5351CA;
  background: #fff;
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn03:hover .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn03 .text::after {
  width: 7px;
  height: 12px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_03.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn03:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_05.webp") no-repeat center center;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-link-btn03 {
    padding: 0.069vw;
    width: 100%;
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .c-link-btn03:hover {
  }
  .technical-ai-wrapper .c-link-btn03 .text {
    padding: 0 0 0 2.083vw;
    width: 100%;
    height: 3.472vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    font-weight: 500;
    letter-spacing: 0.2em;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .c-link-btn03:hover .text {
  }
  .technical-ai-wrapper .c-link-btn03 .text::after {
    width: 0.486vw;
    height: 0.833vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 2.083vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn03:hover .text::after {
  }

}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-link-btn03 {
    padding: 0.267vw;
    width: 100%;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn03 .text {
    padding: 0 0 0 8vw;
    width: 100%;
    height: 13.333vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 500;
    letter-spacing: 0.2em;
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn03 .text::after {
    width: 1.867vw;
    height: 3.2vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 8vw;
    transform: translate(0,-50%);
  }
}

.technical-ai-wrapper .c-link-btn04 {
  padding: 1px;
  width: 100%;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
}
.technical-ai-wrapper .c-link-btn04:hover {
  background: #5351CA;
}

.technical-ai-wrapper .c-link-btn04 .text {
  padding: 0 0 0 30px;
  width: 100%;
  height: 50px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #5351CA;
  /*background: #eaeff1;*/
  background: #f6f8f9;
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-link-btn04:hover .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-link-btn04 .text::after {
  width: 13px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-link-btn04:hover .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/icon_contact_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-link-btn04 {
    padding: 0.069vw;
    width: 100%;
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .c-link-btn04:hover {
  }

  .technical-ai-wrapper .c-link-btn04 .text {
    padding: 0 0 0 2.083vw;
    width: 100%;
    height: 3.472vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .c-link-btn04:hover .text {
  }
  .technical-ai-wrapper .c-link-btn04 .text::after {
    width: 0.903vw;
    height: 0.903vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.25vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-link-btn04:hover .text::after {
  }

}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .c-link-btn04 {
    padding: 0.267vw;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .c-link-btn04 .text {
    padding: 0 0 0 8vw;
    width: 100%;
    height: 13.333vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-link-btn04 .text::after {
    width: 3.467vw;
    height: 3.467vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
}


/* c-page-menu */
.technical-ai-wrapper .c-page-menu {
  margin: 42px auto 0;
  width: 90%;
  max-width: 1360px;
  display: flex;
  gap: 0.7375%;
}
.technical-ai-wrapper .c-page-menu.c-page-menu--type01 {
  margin: 42px auto 149px;
}
.technical-ai-wrapper .c-page-menu .item {
  width: 19.41%;
  position: relative;
}
.technical-ai-wrapper .c-page-menu .item--type01 {
  z-index: 5;
}
.technical-ai-wrapper .c-page-menu .item--type02 {
  z-index: 4;
}
.technical-ai-wrapper .c-page-menu .item--type03 {
  z-index: 3;
}
.technical-ai-wrapper .c-page-menu .item--type04 {
  z-index: 2;
}
.technical-ai-wrapper .c-page-menu .item--type05 {
  z-index: 1;
}
.technical-ai-wrapper .c-page-menu .item .link {
  padding: 24px 24px 0 24px;
  width: 100%;
  height: 361px;
  display: block;
  background: #F8FCFF;
  cursor: pointer;
  border-radius: 4px;
  border-top-left-radius: 0px;
  position: relative;
  box-sizing: border-box;
  transition: all 0.6s 0s ease-in-out;
  transition: all 0.0s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link {
  background: #F2F5F8;
}
.technical-ai-wrapper .c-page-menu .item .link:hover {
  background: #fff;
}
.technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover {
  background: #fff;
}

.technical-ai-wrapper .c-page-menu .item .link.current {
  background: rgba(255,255,255,0.35);
  pointer-events: none;
}
.technical-ai-wrapper .c-page-menu .item .label {
  width: 150px;
  height: 42px;
  line-height: 1.4em;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  background: #F8FCFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -42px;
  left: 0;
  transition: all 0.6s 0s ease-in-out;
  transition: all 0.0s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .label {
  background: #F2F5F8;
}
.technical-ai-wrapper .c-page-menu .item .link:hover .label {
  background: #fff;
}
.technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover .label {
  background: #fff;
}

.technical-ai-wrapper .c-page-menu .item .label.label--num01 {
  color: #199CA6;
}
.technical-ai-wrapper .c-page-menu .item .label.label--num02 {
  color: #337DD9;
}
.technical-ai-wrapper .c-page-menu .item .label.label--num03 {
  color: #9B50BF;
}
.technical-ai-wrapper .c-page-menu .item .label.label--num04 {
  color: #CC4378;
}
.technical-ai-wrapper .c-page-menu .item .label.label--num05 {
  color: #D7790C;
}
.technical-ai-wrapper .c-page-menu .item .link.current .label {
  opacity: 0.35;
}
.technical-ai-wrapper .c-page-menu .item .icon {
  position: absolute;
  top: 20px;
  left: 24px;
}
.technical-ai-wrapper .c-page-menu .item .icon.icon--num01 {
  width: 58px;
}
.technical-ai-wrapper .c-page-menu .item .icon.icon--num02 {
  width: 55px;
}
.technical-ai-wrapper .c-page-menu .item .icon.icon--num03 {
  width: 55px;
}
.technical-ai-wrapper .c-page-menu .item .icon.icon--num04 {
  width: 61px;
}
.technical-ai-wrapper .c-page-menu .item .icon.icon--num05 {
  width: 59px;
}
.technical-ai-wrapper .c-page-menu .item .link.current .icon {
  opacity: 0.35;
}
.technical-ai-wrapper .c-page-menu .item .title {
  margin: 0 0 0 70px;
  height: 3.2em;
  line-height: 1.6em;
  font-size: 20px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.technical-ai-wrapper .c-page-menu .item .link.current .title {
  opacity: 0.35;
}
.technical-ai-wrapper .c-page-menu .item .comment {
  display: block;
  font-size: 14px;
  line-height: 2.0em;
  letter-spacing: 0.2em;
  min-height: 116px;
  margin: 18px 0 0 0;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .c-page-menu .item .link.current .comment {
  opacity: 0.35;
}
.technical-ai-wrapper .c-page-menu .item .btn {
/*  padding: 1px;*/
  width: 134px;
/*  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);*/
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  
  padding: 0;
  background: none;
  position: relative;
  z-index: 1;
  
  
  
  transition: all 0.6s 0s ease-in-out;
  transition: all 0.0s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu .item .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 180px;
  padding: 1px;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.technical-ai-wrapper .c-page-menu .item .link.current .btn {
  opacity: 0.35;
  opacity: 0;
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn {
  background: #5351CA;
}
.technical-ai-wrapper .c-page-menu .item .btn .text {
  padding: 0 0 0 20px;
  width: 100%;
  height: 40px;
  line-height: 1.6em;
  font-size: 12px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #5351CA;
/*  background: #fff;*/
  background: rgba(255,255,255,0.3);
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s 0s ease-in-out;
  transition: all 0.0s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-page-menu .item .btn .text::after {
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_04.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .c-page-menu .item--type01 .link::after {
  width: 1312px;
  height: 8px;
  content: "";
  background: #199CA6;
  border-radius: 180px;
  position: absolute;
  bottom: 22px;
  left: 20px;
}
.technical-ai-wrapper .c-page-menu .item--type02 .link::after {
  width: 490px;
  height: 8px;
  content: "";
  background: #337DD9;
  border-radius: 180px;
  position: absolute;
  bottom: 38px;
  left: 20px;
}
.technical-ai-wrapper .c-page-menu .item--type03 .link::after {
  width: 216px;
  height: 8px;
  content: "";
  background: #9B50BF;
  border-radius: 180px;
  position: absolute;
  bottom: 54px;
  left: 20px;
}
.technical-ai-wrapper .c-page-menu .item--type04 .link::after {
  width: 490px;
  height: 8px;
  content: "";
  background: #CC4378;
  border-radius: 180px;
  position: absolute;
  bottom: 38px;
  left: 20px;
}
.technical-ai-wrapper .c-page-menu .item--type05 .link::after {
  width: 216px;
  height: 8px;
  content: "";
  background: #D7790C;
  border-radius: 180px;
  position: absolute;
  bottom: 54px;
  left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .c-page-menu {
    margin: 2.917vw auto 0;
    width: 94.444vw;
    max-width: 94.444vw;
    display: flex;
    gap: 0.7375%;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 {
    margin: 2.917vw auto 10.347vw;
  }
  .technical-ai-wrapper .c-page-menu .item {
    width: 19.41%;
    position: relative;
  }
  .technical-ai-wrapper .c-page-menu .item--type01 {
    z-index: 5;
  }
  .technical-ai-wrapper .c-page-menu .item--type02 {
    z-index: 4;
  }
  .technical-ai-wrapper .c-page-menu .item--type03 {
    z-index: 3;
  }
  .technical-ai-wrapper .c-page-menu .item--type04 {
    z-index: 2;
  }
  .technical-ai-wrapper .c-page-menu .item--type05 {
    z-index: 1;
  }
  .technical-ai-wrapper .c-page-menu .item .link {
    padding: 1.667vw 1.667vw 0 1.667vw;
    width: 100%;
    height: 25.069vw;
    display: block;
    border-radius: 0.278vw;
    border-top-left-radius: 0px;
    position: relative;
    box-sizing: border-box;
    transition: all 0.6s 0s ease-in-out;
    transition: all 0.0s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link {
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover {
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover {
  }

  .technical-ai-wrapper .c-page-menu .item .link.current {
  }
  .technical-ai-wrapper .c-page-menu .item .label {
    width: 10.417vw;
    height: 2.917vw;
    line-height: 1.4em;
    font-size: 0.972vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    border-top-left-radius: 0.278vw;
    border-top-right-radius: 0.278vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2.917vw;
    left: 0;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .label {
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .label {
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover .label {
  }

  .technical-ai-wrapper .c-page-menu .item .label.label--num01 {
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num02 {
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num03 {
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num04 {
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num05 {
  }
  .technical-ai-wrapper .c-page-menu .item .link.current .label {
    opacity: 0.35;
  }
  .technical-ai-wrapper .c-page-menu .item .icon {
    position: absolute;
    top: 1.389vw;
    left: 1.667vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num01 {
    width: 4.028vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num02 {
    width: 3.819vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num03 {
    width: 3.819vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num04 {
    width: 4.236vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num05 {
    width: 4.097vw;
  }
  .technical-ai-wrapper .c-page-menu .item .link.current .icon {
    opacity: 0.35;
  }
  .technical-ai-wrapper .c-page-menu .item .title {
    margin: 0 0 0 4.861vw;
    height: 3.2em;
    line-height: 1.6em;
    font-size: 1.389vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .technical-ai-wrapper .c-page-menu .item .link.current .title {
    opacity: 0.35;
  }
  .technical-ai-wrapper .c-page-menu .item .comment {
    display: block;
    font-size: 0.972vw;
    line-height: 2.0em;
    letter-spacing: 0.2em;
    min-height: 8.056vw;
    margin: 1.25vw 0 0 0;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .c-page-menu .item .link.current .comment {
    opacity: 0.35;
  }
  .technical-ai-wrapper .c-page-menu .item .btn {
    padding: 0.069vw;
    width: 9.306vw;
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s 0s ease-in-out;
    transition: all 0.0s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-page-menu .item .link.current .btn {
    opacity: 0.35;
    opacity: 0;
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn {
  }
  .technical-ai-wrapper .c-page-menu .item .btn .text {
    padding: 0 0 0 1.389vw;
    width: 100%;
    height: 2.778vw;
    line-height: 1.6em;
    font-size: 0.833vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn .text {
  }
  .technical-ai-wrapper .c-page-menu .item .btn .text::after {
    width: 0.347vw;
    height: 0.694vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.389vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn .text::after {
  }
  .technical-ai-wrapper .c-page-menu .item--type01 .link::after {
    width: 91.111vw;
    height: 0.556vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    bottom: 1.528vw;
    left: 1.389vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type02 .link::after {
    width: 34.028vw;
    height: 0.556vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    bottom: 2.639vw;
    left: 1.389vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type03 .link::after {
    width: 15vw;
    height: 0.556vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    bottom: 3.75vw;
    left: 1.389vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type04 .link::after {
    width: 34.028vw;
    height: 0.556vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    bottom: 2.639vw;
    left: 1.389vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type05 .link::after {
    width: 15vw;
    height: 0.556vw;
    content: "";
    border-radius: 12.5vw;
    position: absolute;
    bottom: 3.75vw;
    left: 1.389vw;
  }

}
@media screen and (max-width: 767px) {
  .technical-ai-wrapper .c-page-menu {
    margin: 11.2vw 0 0 6.667vw;
    width: 93.333vw;
    max-width: 93.333vw;
    display: block;
    gap: 0;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 {
    margin: 11.2vw 0 41.333vw 6.667vw;
  }
  .technical-ai-wrapper .c-page-menu .item {
    width: 73.067vw;
    position: relative;
  }
  .technical-ai-wrapper .c-page-menu .item--type01 {
    z-index: 5;
  }
  .technical-ai-wrapper .c-page-menu .item--type02 {
    z-index: 4;
  }
  .technical-ai-wrapper .c-page-menu .item--type03 {
    z-index: 3;
  }
  .technical-ai-wrapper .c-page-menu .item--type04 {
    z-index: 2;
  }
  .technical-ai-wrapper .c-page-menu .item--type05 {
    z-index: 1;
  }
  .technical-ai-wrapper .c-page-menu .item .link {
    margin: 11.2vw 2.667vw 0 0;
    padding: 6.4vw 6.4vw 0 6.4vw;
    width: 70.4vw;
    height: 96.267vw;
    display: block;
/*    background: #fff;*/
    border-radius: 1.067vw;
    border-top-left-radius: 0px;
    position: relative;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link {
/*    background: #F2F5F8;*/
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover {
    background: #F8FCFF;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover {
    background: #F2F5F8;
  }
  .technical-ai-wrapper .c-page-menu .item .link.focus {
    background: #fff;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link.focus {
    background: #fff;
  }

  .technical-ai-wrapper .c-page-menu .item .label {
    width: 40vw;
    height: 11.2vw;
    line-height: 1.4em;
    font-size: 3.733vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
/*    background: #fff;*/
    border-top-left-radius: 1.067vw;
    border-top-right-radius: 1.067vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -11.2vw;
    left: 0;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .label {
/*    background: #F2F5F8;*/
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .label {
    background: #F8FCFF;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link:hover .label {
    background: #F2F5F8;
  }
  .technical-ai-wrapper .c-page-menu .item .link.focus .label {
    background: #fff;
  }
  .technical-ai-wrapper .c-page-menu.c-page-menu--type01 .item .link.focus .label {
    background: #fff;
  }

  
  .technical-ai-wrapper .c-page-menu .item .label.label--num01 {
    color: #199CA6;
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num02 {
    color: #337DD9;
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num03 {
    color: #9B50BF;
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num04 {
    color: #CC4378;
  }
  .technical-ai-wrapper .c-page-menu .item .label.label--num05 {
    color: #D7790C;
  }
  .technical-ai-wrapper .c-page-menu .item .icon {
    position: absolute;
    top: 5.333vw;
    left: 6.4vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num01 {
    width: 15.467vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num02 {
    width: 14.667vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num03 {
    width: 14.667vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num04 {
    width: 16.267vw;
  }
  .technical-ai-wrapper .c-page-menu .item .icon.icon--num05 {
    width: 15.733vw;
  }
  .technical-ai-wrapper .c-page-menu .item .title {
    margin: 0 0 0 18.667vw;
    height: 3.2em;
    line-height: 1.6em;
    font-size: 5.333vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .technical-ai-wrapper .c-page-menu .item .comment {
    display: block;
    font-size: 3.733vw;
    line-height: 2.0em;
    letter-spacing: 0.2em;
    min-height: 30.933vw;
    margin: 4.8vw 0 0 0;
  }
  /*
.technical-ai-wrapper .c-page-menu .item .btn {
  width: 134px;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  
  padding: 0;
  background: none;
  position: relative;
  z-index: 1;
  
  
  
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu .item .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 180px;
  padding: 1px;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.technical-ai-wrapper .c-page-menu .item .link.current .btn {
  opacity: 0.35;
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn {
  background: #5351CA;
}
.technical-ai-wrapper .c-page-menu .item .btn .text {
  padding: 0 0 0 20px;
  width: 100%;
  height: 40px;
  line-height: 1.6em;
  font-size: 12px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #5351CA;
  background: rgba(255,255,255,0.3);
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s 0s ease-in-out;
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .c-page-menu .item .btn .text::after {
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .c-page-menu .item .link:hover .btn .text::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_04.webp") no-repeat center center;
  background-size: 100% 100%;
}

  */
  .technical-ai-wrapper .c-page-menu .item .btn {
    padding: 0.267vw;
    width: 35.733vw;
    border-radius: 48vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s 0s ease-in-out;
    transition: all 0.0s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn {
/*    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);*/
  }
  .technical-ai-wrapper .c-page-menu .item .link .btn:hover {
    background: #5351CA;
  }
  .technical-ai-wrapper .c-page-menu .item .btn .text {
    padding: 0 0 0 5.333vw;
    width: 100%;
    height: 10.667vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
/*    color: #5351CA;
    background: #fff;*/
    
  color: #5351CA;
  background: rgba(255,255,255,0.3);
    
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s 0s ease-in-out;
    transition: all 0.0s 0s ease-in-out;
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn .text {
    color: #5351CA;
    background: #fff;
  }
  .technical-ai-wrapper .c-page-menu .item .link .btn:hover .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .c-page-menu .item .btn .text::after {
    width: 1.333vw;
    height: 2.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 5.333vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .c-page-menu .item .link:hover .btn .text::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .c-page-menu .item .link .btn:hover .text::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_04.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .c-page-menu .item--type01 .link::after {
    width: 349.867vw;
    height: 2.133vw;
    content: "";
    background: #199CA6;
    border-radius: 48vw;
    position: absolute;
    bottom: 5.867vw;
    left: 5.333vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type02 .link::after {
    width: 130.667vw;
    height: 2.133vw;
    content: "";
    background: #337DD9;
    border-radius: 48vw;
    position: absolute;
    bottom: 10.133vw;
    left: 5.333vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type03 .link::after {
    width: 57.6vw;
    height: 2.133vw;
    content: "";
    background: #9B50BF;
    border-radius: 48vw;
    position: absolute;
    bottom: 14.4vw;
    left: 5.333vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type04 .link::after {
    width: 130.667vw;
    height: 2.133vw;
    content: "";
    background: #CC4378;
    border-radius: 48vw;
    position: absolute;
    bottom: 10.133vw;
    left: 5.333vw;
  }
  .technical-ai-wrapper .c-page-menu .item--type05 .link::after {
    width: 57.6vw;
    height: 2.133vw;
    content: "";
    background: #D7790C;
    border-radius: 48vw;
    position: absolute;
    bottom: 14.4vw;
    left: 5.333vw;
  }
}




/* home */
.technical-ai-wrapper .home-page {
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .main-movie {
  margin: 0 0 0 0;
  width: 100%;
  max-height: 750px;
  overflow: hidden;
  position: relative;
}
.technical-ai-wrapper .home-page .main-movie::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.22);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.technical-ai-wrapper .home-page .content-back {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
/*  background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/content_back_01.webp") no-repeat center top;
  background-size: 100% 4800px;*/
}

.technical-ai-wrapper .home-page .main-movie .movie {
}
.technical-ai-wrapper .home-page .main-movie .movie video {
  width: 100%;
  height: auto;
  display: block;
}
.technical-ai-wrapper .home-page .main-movie .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 420px;
  color: #fff;
  line-height: 1.4em;
  font-size: 20px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.3em;
  text-align: right;
  position: absolute;
  bottom: 106px;
  right: 40px;
  z-index: 5;
}
.technical-ai-wrapper .home-page .main-movie .title .img {
  margin: 22px 0 0 0;
}
.technical-ai-wrapper .home-page .main-movie .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #fff;
  line-height: 1.4em;
  font-size: 12px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.3em;
  position: absolute;
  bottom: 59px;
  right: 40px;
}
.technical-ai-wrapper .home-page .about {
  margin: 0 auto;
  padding: 120px 0 131px 0;
  width: 90%;
  max-width: 1120px;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .about::before {
  width: 554px;
  height: 725px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/about_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}
.technical-ai-wrapper .home-page .about .deco {
  width: 415px;
  position: absolute;
  top: 358px;
  right: -20px;
  z-index: 3;
}
.technical-ai-wrapper .home-page .about .deco::before {
  width: 1156px;
  height: 835px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/about_back_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-53%,-53%);
  z-index: -1;
}
.technical-ai-wrapper .home-page .about .deco .link {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .home-page .about .deco .link::before {
  width: 100%;
  height: 100%;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/about_deco_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s 0s ease-in-out;
  opacity: 0;
}
.technical-ai-wrapper .home-page .about .deco .link:hover::before {
  opacity: 1;
}
.technical-ai-wrapper .home-page .about .deco .link .img {
  width: 100%;
  height: auto;
}


.technical-ai-wrapper .home-page .about .description {
  padding: 20px 0 30px 0;
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .home-page .about .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 18px 0;
  color: #000;
  line-height: 2.6em;
  font-size: 18px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .home-page .about .link {
  width: 296px;
}
.technical-ai-wrapper .home-page .what-we-do {
  margin: 0 auto;
  padding: 0 0 80px 0;
  width: 90%;
  max-width: 1120px;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .what-we-do .deco {
  width: 554px;
  position: absolute;
  top: -60px;
  left: -160px;
  z-index: 1;
}
.technical-ai-wrapper .home-page .what-we-do .description {
  padding: 30px 0 30px 0;
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .home-page .what-we-do .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #000;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .home-page .what-we-do .link {
  width: 212px;
}
.technical-ai-wrapper .home-page .what-we-are {
  margin: 0 auto;
  padding: 125px 0 160px 0;
  width: 90%;
  max-width: 1120px;
}
.technical-ai-wrapper .home-page .what-we-are .introduction {
  margin: 100px auto 0;
  padding: 0 0 0 0;
  width: 100%;
  max-width: 1120px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .what-we-are .introduction:last-child {
  align-items: flex-end;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .head {
  width: 50%;
}
.technical-ai-wrapper .home-page .what-we-are .introduction:last-child .head {
  margin-top: 60px;
  width: 46.428%;
}

.technical-ai-wrapper .home-page .what-we-are .introduction .head .eng {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.4em;
  font-size: 14px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.1em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .head .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 32px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .deco {
  position: absolute;
  z-index: 1;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01 {
  width: 53.57%;
  width: 59.5%;
  top: 0;
  right: -14.28%;
  right: -21.5%;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01::before {
  width: 961px;
  height: 891px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/whatweare_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-67%,-53%);
  z-index: -1;
}

/* 画像角丸デフォルト（PC未満含め全部）：左だけ */
.radius {
  border-radius: 5px 0 0 5px;
}

/* 1440px以上だけ：左右にする */
@media screen and (min-width: 1620px) {
  .radius {
    border-radius: 5px;
  }
}

/* スマホ用（必要なら明示的に書く） */
@media screen and (max-width: 767px) {
  .radius {
    border-radius: 5px 0 0 5px;
  }
}


.technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02 {
  width: 53.78%;
  width: 56.9%;
  top: 0;
  left: -3.928%;
  left: -10%;
}
.technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02::before {
  width: 523px;
  height: 585px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/whatweare_back_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-75%,-47%);
  z-index: -1;
}

.technical-ai-wrapper .home-page .what-we-are .introduction .description {
  padding: 20px 0 0 0;
  width: 50%;
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .home-page .what-we-are .introduction:last-child .description {
  width: 46.428%;
}

.technical-ai-wrapper .home-page .what-we-are .introduction .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 18px 0;
  color: #000;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .what-we-are .introduction .link {
  width: 259px;
}
.technical-ai-wrapper .home-page .what-we-are .introduction:last-child .link {
  margin: 0 calc( 46.428% - 179px ) 0 0;
  width: 179px;
}
.technical-ai-wrapper .home-page .journal {
  margin: 0 auto;
  padding: 0 0 116px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .journal .list {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.85%;
}
.technical-ai-wrapper .home-page .journal .item {
  margin: 0 0 40px 0;
  width: 31.42%;
}
.technical-ai-wrapper .home-page .journal .item .link {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  min-height: 330px;
  display: block;
}
.technical-ai-wrapper .home-page .journal .item .image {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  display: block;
  border-radius: 7px;
  overflow: hidden;
}
.technical-ai-wrapper .home-page .journal .item .image img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 198px;
  object-fit: cover;
  display: block;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .home-page .journal .item a:hover .image img {
  transform: scale(1.1);
}

.technical-ai-wrapper .home-page .journal .item .post {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #686868;
}
.technical-ai-wrapper .home-page .journal .item .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #000;
}
.technical-ai-wrapper .home-page .journal .item .tags {
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .home-page .journal .item .tag {
  margin: 0 13px 0 0;
}
.technical-ai-wrapper .home-page .news {
  margin: 0 0 0 0;
  padding: 0 0 140px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .home-page .news::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 416px;
  height: 836px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/news_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -200px;
  right: 0;
  z-index: -1;
}
.technical-ai-wrapper .home-page .news .list {
  margin: 0 auto;
  padding: 10px 0 60px 0;
  width: 90%;
  max-width: 1120px;
}
.technical-ai-wrapper .home-page .news .item {
  border-bottom: 1px solid #CBD6DC;
	/*transition: all 0.65s 0s ease-in-out;初期値*/
  transition: all 1.2s 0s ease;
}
.technical-ai-wrapper .home-page .news .item.hide {
/*  display: none;*/
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.technical-ai-wrapper .home-page .news .item.view {
  display: block;
  height: auto;
  opacity: 1;
}

.technical-ai-wrapper .home-page .news .item .link {
  padding: 25px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
}
.technical-ai-wrapper .home-page .news .item .link::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);
}

.technical-ai-wrapper .home-page .news .item .post {
  margin: 0 0 0 0;
  width: 120px;
  height: 30px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  color: #686868;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .home-page .news .item .category {
  margin: 0 0 0 0;
  padding: 0 12px;
  height: 30px;
  color: #fff;
  line-height: 1.8em;
  font-size: 12px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  background: #5351CA;
  border-radius: 180px;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .home-page .news .item .title {
  margin: 14px 0 0 120px;
  width: calc( 100% - 120px );
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  display: block;
}
.technical-ai-wrapper .home-page .news .more {
  margin: 0 auto;
  width: 260px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .home-page {

  }
  .technical-ai-wrapper .home-page .main-movie {
    margin: 0 0 0 0;
    width: 100%;
    max-height: 52.083vw;
    overflow: hidden;
    position: relative;
  }
  .technical-ai-wrapper .home-page .main-movie::after {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.22);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .technical-ai-wrapper .home-page .content-back {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
/*    background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/content_back_01.webp") no-repeat center top;
    background-size: 100% 333.333vw;*/
  }

  .technical-ai-wrapper .home-page .main-movie .movie {
  }
  .technical-ai-wrapper .home-page .main-movie .movie video {
    width: 100%;
    height: auto;
    display: block;
  }
  .technical-ai-wrapper .home-page .main-movie .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 29.167vw;
    color: #fff;
    line-height: 1.4em;
    font-size: 1.389vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.3em;
    text-align: right;
    position: absolute;
    bottom: 7.361vw;
    right: 2.778vw;
    z-index: 5;
  }
  .technical-ai-wrapper .home-page .main-movie .title .img {
    margin: 1.528vw 0 0 0;
  }
  .technical-ai-wrapper .home-page .main-movie .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.4em;
    font-size: 0.833vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.3em;
    position: absolute;
    bottom: 4.097vw;
    right: 2.778vw;
  }
  .technical-ai-wrapper .home-page .about {
    margin: 0 auto;
    padding: 8.333vw 0 9.097vw 0;
    width: 90%;
    max-width: 77.778vw;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .about::before {
    width: 38.472vw;
    height: 50.347vw;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .about .deco {
    width: 28.819vw;
    position: absolute;
    top: 24.861vw;
    right: -1.389vw;
    z-index: 3;
  }
  .technical-ai-wrapper .home-page .about .deco::before {
    width: 80.278vw;
    height: 57.986vw;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%,-53%);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .about .deco .link {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .about .deco .link::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.4s 0s ease-in-out;
    opacity: 0;
  }
  .technical-ai-wrapper .home-page .about .deco .link:hover::before {
    opacity: 1;
  }
  .technical-ai-wrapper .home-page .about .deco .link .img {
    width: 100%;
    height: auto;
  }


  .technical-ai-wrapper .home-page .about .description {
    padding: 1.389vw 0 2.083vw 0;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .about .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 1.25vw 0;
    color: #000;
    line-height: 2.6em;
    font-size: 1.25vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .about .link {
    width: 20.556vw;
  }
  .technical-ai-wrapper .home-page .what-we-do {
    margin: 0 auto;
    padding: 0 0 5.556vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-do .deco {
    width: 38.472vw;
    position: absolute;
    top: -4.167vw;
    left: -11.111vw;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-do .description {
    padding: 2.083vw 0 2.083vw 0;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .what-we-do .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .what-we-do .link {
    width: 14.722vw;
  }
  .technical-ai-wrapper .home-page .what-we-are {
    margin: 0 auto;
    padding: 8.681vw 0 11.111vw 0;
    width: 90%;
    max-width: 77.778vw;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction {
    margin: 6.944vw auto 0;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 77.778vw;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child {
    align-items: flex-end;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head {
    width: 50%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .head {
    margin-top: 4.167vw;
    width: 46.428%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head .eng {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.4em;
    font-size: 0.972vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.7em;
    font-size: 2.222vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco {
    position: absolute;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01 {
    width: 53.57%;
    width: 59.5%;
    top: 0;
    right: -14.28%;
    right: -21.5%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01::before {
    width: 66.736vw;
    height: 61.875vw;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-67%,-53%);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02 {
    width: 53.78%;
    width: 56.9%;
    top: 0;
    left: -3.928%;
    left: -10%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02::before {
    width: 36.319vw;
    height: 40.625vw;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-75%,-47%);
    z-index: -1;
  }

  .technical-ai-wrapper .home-page .what-we-are .introduction .description {
    padding: 1.389vw 0 0 0;
    width: 50%;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .description {
    width: 46.428%;
  }

  .technical-ai-wrapper .home-page .what-we-are .introduction .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 1.25vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .what-we-are .introduction .link {
    width: 17.986vw;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .link {
    margin: 0 calc( 46.428% - 12.431vw ) 0 0;
    width: 12.431vw;
  }
  
  .technical-ai-wrapper .home-page .journal {
    margin: 0 auto;
    padding: 0 0 8.056vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .journal .list {
    margin: 0 0 0 0;
    padding: 2.083vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.85%;
  }
  .technical-ai-wrapper .home-page .journal .item {
    margin: 0 0 2.778vw 0;
    width: 31.42%;
  }
  .technical-ai-wrapper .home-page .journal .item .link {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    min-height: 22.917vw;
    display: block;
  }

  .technical-ai-wrapper .home-page .journal .item .image {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    display: block;
    border-radius: 0.486vw;
  }
  .technical-ai-wrapper .home-page .journal .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 13.75vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .home-page .journal .item .post {
    margin: 0 0 0 0;
    padding: 0 0 0.694vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .home-page .journal .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .journal .item .tags {
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .home-page .journal .item .tag {
    margin: 0 0.903vw 0 0;
  }
  .technical-ai-wrapper .home-page .news {
    margin: 0 0 0 0;
    padding: 0 0 9.722vw 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .news::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 28.889vw;
    height: 58.056vw;
    content: "";
    position: absolute;
    top: -13.889vw;
    right: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .news .list {
    margin: 0 auto;
    padding: 0.694vw 0 4.167vw 0;
    width: 90%;
    max-width: 77.778vw;
  }
  .technical-ai-wrapper .home-page .news .item {
    border-bottom: 1px solid #CBD6DC;
  }
  .technical-ai-wrapper .home-page .news .item.hide {
/*    display: none;*/
  }
  .technical-ai-wrapper .home-page .news .item.view {
    display: block;
  }

  .technical-ai-wrapper .home-page .news .item .link {
    padding: 1.736vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .home-page .news .item .link::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 0.347vw;
    height: 0.694vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }

  .technical-ai-wrapper .home-page .news .item .post {
    margin: 0 0 0 0;
    width: 8.333vw;
    height: 2.083vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .home-page .news .item .category {
    margin: 0 0 0 0;
    padding: 0 0.833vw;
    height: 2.083vw;
    line-height: 1.8em;
    font-size: 0.833vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .home-page .news .item .title {
    margin: 0.972vw 0 0 8.333vw;
    width: calc( 100% - 8.333vw );
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .home-page .news .more {
    margin: 0 auto;
    width: 18.056vw;
  }

}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .home-page {

  }
  .technical-ai-wrapper .home-page .main-movie {
    margin: 0 0 0 0;
    width: 100%;
    position: relative;
  }
  .technical-ai-wrapper .home-page .content-back {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
/*    background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/content_back_01-sp.webp") no-repeat center top;
    background-size: 100% 2141.6vw;*/
  }

  .technical-ai-wrapper .home-page .main-movie .movie {
  }
  .technical-ai-wrapper .home-page .main-movie .movie video {
    width: 100%;
    height: 154.933vw;
    display: block;
    object-fit: cover;
  }
  .technical-ai-wrapper .home-page .main-movie .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 62.667vw;
    color: #fff;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.26em;
    text-align: right;
    position: absolute;
    bottom: 17.867vw;
    right: 4vw;
  }
  .technical-ai-wrapper .home-page .main-movie .title .img {
    margin: 4.267vw 0 0 0;
  }
  .technical-ai-wrapper .home-page .main-movie .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #fff;
    line-height: 1.4em;
    font-size: 2.667vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.27em;
    text-align: right;
    position: absolute;
    bottom: 4vw;
    right: 4vw;
  }
  .technical-ai-wrapper .home-page .about {
    margin: 0 auto;
    padding: 16vw 0 26.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .about::before {
    width: 147.733vw;
    height: 193.333vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/about_back_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .about .deco {
    margin: 0 auto 40px;
    width: 73.333vw;
    position: relative;
    top: auto;
    right: auto;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .about .deco::before {
    width: 219.2vw;
    height: 141.6vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/about_back_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-53%,-52%);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .about .description {
    padding: 5.333vw 0 8vw 0;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .about .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 4.8vw 0;
    color: #000;
    line-height: 2.6em;
    font-size: 4.8vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .about .link {
    width: 78.933vw;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .what-we-do {
    margin: 0 auto;
    padding: 0 0 21.333vw 0;
    width: 325;
    max-width: 86.667vw;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-do .deco {
    margin: -13.333vw 0 0 -13.333vw;
    width: 113.333vw;
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-do .description {
    padding: 0 0 8vw 0;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .what-we-do .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #000;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .what-we-do .link {
    width: 56.533vw;
  }
  .technical-ai-wrapper .home-page .what-we-are {
    margin: 20vw auto 0;
    padding: 24vw 0 9.333vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction {
    margin: 0 auto 0;
    padding: 5.333vw 0 16vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child {
    align-items: flex-start;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head {
    width: 100%;
    position: relative;
    z-index: 5;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .head {
    margin-top: 0;
    width: 100%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head .eng {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.4em;
    font-size: 3.733vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.8em;
    font-size: 6.4vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco {
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01 {
    margin: 0 0 8vw 0;
    width: 93.333vw;
    top: auto;
    right: auto;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num01::before {
    width: 100vw;
    height: 193.333vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/whatweare_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -69.333vw;
    left: -6.667vw;
    transform: translate(0,0);
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02 {
    margin: 0 0 -12vw -6.667vw;
    width: 100vw;
    top: auto;
    left: auto;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .deco.deco--num02::before {
    display: none;
  }

  .technical-ai-wrapper .home-page .what-we-are .introduction .description {
    padding: 5.333vw 0 0 0;
    width: 100%;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .description {
    width: 100%;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 4.8vw 0;
    color: #000;
    line-height: 2.4em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .what-we-are .introduction .link {
    width: 69.067vw;
  }
  .technical-ai-wrapper .home-page .what-we-are .introduction:last-child .link {
    margin: 0 0 0 0;
    width: 47.733vw;
  }
  .technical-ai-wrapper .home-page .journal {
    margin: 0 auto;
    padding: 0 0 26.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .journal .list {
    margin: 0 0 0 0;
    padding: 8vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .technical-ai-wrapper .home-page .journal .item {
    margin: 0 0 8vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .home-page .journal .item .link {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    min-height: 0px;
    display: block;
  }
  .technical-ai-wrapper .home-page .journal .item .image {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    border-radius: 1.867vw;
    display: block;
  }
  .technical-ai-wrapper .home-page .journal .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 48.533vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .home-page .journal .item .post {
    margin: 0 0 0 0;
    padding: 0 0 1.333vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .home-page .journal .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .home-page .journal .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .home-page .journal .item .tag {
    margin: 0 3.467vw 0 0;
  }
  .technical-ai-wrapper .home-page .journal .link-bottom {
    width: 56.533vw;
  }
  
  
  .technical-ai-wrapper .home-page .news {
    margin: 0 auto;
    padding: 0 0 16vw 0;
    width: 86.667vw;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .home-page .news::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 61.6vw;
    height: 122.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/news_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -45.333vw;
    right: -6.667vw;
    z-index: -1;
  }
  .technical-ai-wrapper .home-page .news .list {
    margin: 0 auto;
    padding: 2.667vw 0 10.667vw 0;
    width: 100%;
    max-width: 100%;
  }
  .technical-ai-wrapper .home-page .news .item {
    border-bottom: 1px solid #CBD6DC;
  }
  .technical-ai-wrapper .home-page .news .item .link {
    padding: 6.667vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .home-page .news .item .link::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 1.333vw;
    height: 2.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }

  .technical-ai-wrapper .home-page .news .item .post {
    margin: 0 0 0 0;
    width: 27.2vw;
    height: 6.933vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #686868;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .home-page .news .item .category {
    margin: 0 0 0 0;
    padding: 0 3.2vw;
    height: 6.933vw;
    color: #fff;
    line-height: 1.8em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    background: #5351CA;
    border-radius: 48vw;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .home-page .news .item .title {
    margin: 3.733vw 0 0 0;
    width: 100%;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .home-page .news .more {
    margin: 0 auto;
    width: 69.333vw;
  }

}

/* contact info */
.technical-ai-wrapper .contact-info {
  margin: 0 auto 40px;
  padding: 50px 260px 50px 80px;
  width: 90%;
  max-width: 1360px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .contact-info::before {
  width: 100%;
  height: 100%;
  content: "";
  /*background: #f2f5f6;*/
  background: #CBD6DC;
  border-radius: 4px;
  /*opacity: 0.4;*/
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.technical-ai-wrapper .contact-info::after {
  width: 100vw;
  height: calc( 100% + 42px );
  content: "";
  background: #fff;
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}
.technical-ai-wrapper .contact-info .head {
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .contact-info .head .eng {
  margin: 0 0 15px 0;
  max-width: 355px;
  /*
  line-height: 1.15em;
  font-size: 72px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.008em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
  */
}
.technical-ai-wrapper .contact-info .head .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.7em;
  font-size: 20px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .contact-info .description {
}
.technical-ai-wrapper .contact-info .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 42px 0;
  line-height: 2.6em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .contact-info .link {
  width: 260px;
}
.technical-ai-wrapper .contact-info .logo {
  width: 190px;
  position: absolute;
  top: 50%;
  right: 57px;
  transform: translate(0,-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .contact-info {
    margin: 0 auto 2.778vw;
    padding: 3.472vw 18.056vw 3.472vw 5.556vw;
    width: 94.444vw;
    max-width: 94.444vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .contact-info::before {
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 0.278vw;
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .technical-ai-wrapper .contact-info::after {
    width: 100vw;
    height: calc( 100% + 2.917vw );
    content: "";
    background: #fff;
    position: absolute;
    top: -0.069vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .contact-info .head {
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .contact-info .head .eng {
    margin: 0 0 1.042vw 0;
    max-width: 24.653vw;
    /*
    line-height: 1.15em;
    font-size: 5vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.008em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    */
  }
  .technical-ai-wrapper .contact-info .head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.7em;
    font-size: 1.389vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .contact-info .description {
  }
  .technical-ai-wrapper .contact-info .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 2.917vw 0;
    line-height: 2.6em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .contact-info .link {
    width: 18.056vw;
  }
  .technical-ai-wrapper .contact-info .logo {
    width: 13.194vw;
    position: absolute;
    top: 50%;
    right: 3.958vw;
    transform: translate(0,-50%);
  }

}
@media only screen and (max-width: 767px) {
  .technical-ai-wrapper .contact-info {
    margin: 0 auto 10.667vw;
    padding: 9.333vw 9.333vw 9.333vw 9.333vw;
    width: 86.667vw;
    max-width: 86.667vw;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
  }
  .technical-ai-wrapper .contact-info::before {
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 1.067vw;
    opacity: 0.25;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .technical-ai-wrapper .contact-info::after {
    width: 100vw;
    height: calc( 100% + 11.2vw );
    content: "";
    background: #fff;
    position: absolute;
    top: -0.267vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .contact-info .head {
    position: relative;
    z-index: 2;
    order: 1;
  }
  .technical-ai-wrapper .contact-info .head .eng {
    margin: 0 auto 7.5vw auto;
    max-width: 64vw;
    /*
    line-height: 1.15em;
    font-size: 19.2vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.008em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    */
  }
  .technical-ai-wrapper .contact-info .head .title {
    margin: 0 0 0 0;
    padding: 0 0 2.667vw 0;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .contact-info .description {
    order: 2;
  }
  .technical-ai-wrapper .contact-info .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 4vw 0;
    line-height: 2.0em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .contact-info .link {
    margin: 0 auto;
    width: 68vw;
    order: 4;
  }
  .technical-ai-wrapper .contact-info .logo {
    width: 50.667vw;
    position: relative;
    top: auto;
    right: auto;
    transform: translate(0,0);
    margin: 0 auto 10.4vw;
    order: 3;
  }
}

/* sub-link */
.sub-link {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: 90%;
  max-width: 1120px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #686868;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  z-index: 1;
}
.sub-link::after {
  width: 100vw;
  height: 100%;
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}
.sub-link a {
  color: #686868;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .sub-link {
    margin: 0 auto;
    padding: 0 0 1.389vw 0;
    width: 90%;
    max-width: 77.778vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #686868;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .sub-link::after {
    width: 100vw;
    height: 100%;
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .sub-link a {
    color: #686868;
  }
}
@media only screen and (max-width: 767px) {
  .sub-link {
    margin: 0 auto;
    padding: 0 0 4vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #686868;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
  }
  .sub-link::after {
    width: 100vw;
    height: 100%;
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .sub-link a {
    color: #686868;
  }
}

/* pillars page */
.technical-ai-wrapper .pillars-page {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
/*  background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_02.webp") no-repeat center top;
  background-size: 100% 5350px;*/
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .pillars-page::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 1045px;
  height: 1272px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -110px;
  right: 0;
  z-index: 0;
}

.technical-ai-wrapper .pillars-page .page-title {
  margin: 0 auto;
  padding: 0 0 90px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .pillars-page .page-title .title {
  margin: 0 0 35px -3.39%;
  width: 52.23%;
  max-width: 585px;
}
.technical-ai-wrapper .pillars-page .page-title .catch {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  line-height: 2.0em;
  font-size: 24px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.3em;
}
.technical-ai-wrapper .pillars-page .page-title .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .pillars-page .page-title .btn-box {
}
.technical-ai-wrapper .pillars-page .page-title .btn-box .link {
}
.technical-ai-wrapper .pillars-page .page-title .btn-box .note {
}
.technical-ai-wrapper .pillars-page .introduction {
  margin: 0 auto 125px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .pillars-page .introduction .description {
  padding: 0 0 0 0;
  width: 60.71%;
}
.technical-ai-wrapper .pillars-page .introduction .description .c-base-head {
  margin-bottom: 50px;
}
.technical-ai-wrapper .pillars-page .introduction .description .paragraph {
  padding: 0 0 35px 0;
  line-height: 2.6em;
  font-size: 20px;
  letter-spacing: 0.3em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .pillars-page .introduction .description .message {
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 2.6em;
  font-size: 28px;
  letter-spacing: 0.3em;
  font-family: var(--font-normal);
  font-weight: 400;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box {
  width: 38%;
  max-width: 415px;
/*  position: fixed;
  top: 0;
  left: calc(50% + 560px - 415px);*/
}
.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr {
  position: sticky;
  top: 30px;
}
.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .deco {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 1068px;
  max-width: 1068px;
  position: absolute;
  
  top: -250px;
  right: -250px;
  z-index: -1;
  transform: translateX(0);
}



.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .off {

}
.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .on {
  opacity: 0;
  transition: all 0.5s 0s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr:hover .on {
  opacity: 1;
}

.technical-ai-wrapper .pillars-page .deco-box {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 0;
}
.technical-ai-wrapper .pillars-page .deco-box::before {
  width: 668px;
  height: 765px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_03.webp") no-repeat center center;
  background-size: 100% 100%;
  max-width: 1120px;
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}

.technical-ai-wrapper .pillars-page .about {
  margin: 0 auto 140px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .pillars-page .about .description {
  padding: 30px 0 0 0;
  text-align: right;
}
.technical-ai-wrapper .pillars-page .about .description.description--second {
  padding: 20px 0 0 0;
  text-align: left;
}
.technical-ai-wrapper .pillars-page .about .description .paragraph {
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .pillars-page .about .link {
  margin: 0 0 0 calc( 100% - 188px );
  width: 188px;
}
.technical-ai-wrapper .pillars-page .about .image {
}
.technical-ai-wrapper .pillars-page .about .image.image--num01 {
  margin: 70px 0 80px 0;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .pillars-page .about .image.image--num01::after {
  width: 100vw;
  height: 1156px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_04.webp") no-repeat center top;
  background-size: cover;
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}
.technical-ai-wrapper .pillars-page .what-we-do {
  margin: 0 auto 0;
  padding: 0 0 60px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .pillars-page .what-we-do .description {
  padding: 30px 0 0 0;
}
.technical-ai-wrapper .pillars-page .what-we-do .description .paragraph {
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .pillars-page .what-we-do .link {
  width: 212px;
}
.technical-ai-wrapper .pillars-page .what-we-do .image {
  width: 48.571%;
  position: absolute;
  top: -90px;
  right: -18.57%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .pillars-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
/*    background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_02.webp") no-repeat center top;
    background-size: 100% 371.528vw;*/
    position: relative;
    z-index: 1;
  }
  
  .technical-ai-wrapper .pillars-page::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 72.569vw;
    height: 88.333vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -7.639vw;
    right: 0;
    z-index: 0;
  }

  

  .technical-ai-wrapper .pillars-page .page-title {
    margin: 0 auto;
    padding: 0 0 6.25vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .page-title .title {
    margin: 0 0 35px -3.39%;
    width: 52.23%;
    max-width: 40.625vw;
  }
  .technical-ai-wrapper .pillars-page .page-title .catch {
    margin: 0 0 0 0;
    padding: 0 0 0.833vw 0;
    line-height: 2.0em;
    font-size: 1.667vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.3em;
  }
  .technical-ai-wrapper .pillars-page .page-title .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box {
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box .link {
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box .note {
  }
  .technical-ai-wrapper .pillars-page .introduction {
    margin: 0 auto 8.681vw;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .pillars-page .introduction .description {
    padding: 0 0 0 0;
    width: 60.71%;
  }
  .technical-ai-wrapper .pillars-page .introduction .description .c-base-head {
    margin-bottom: 3.472vw;
  }
  .technical-ai-wrapper .pillars-page .introduction .description .paragraph {
    padding: 0 0 2.431vw 0;
    line-height: 2.6em;
    font-size: 1.389vw;
    letter-spacing: 0.3em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .pillars-page .introduction .description .message {
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 2.6em;
    font-size: 1.944vw;
    letter-spacing: 0.3em;
    font-family: var(--font-normal);
    font-weight: 400;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box {
    width: 38%;
    max-width: 28.819vw;
  /*  position: fixed;
    top: 0;
    left: calc(50% + 38.889vw - 28.819vw);*/
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr {
    position: sticky;
    top: 30px;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .deco {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 74.167vw;
    max-width: 74.167vw;
    position: absolute;

    top: -17.361vw;
    right: -16.361vw;
    z-index: -1;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .off {

  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .on {
    opacity: 0;
    transition: all 0.5s 0s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr:hover .on {
    opacity: 1;
  }

  
  .technical-ai-wrapper .pillars-page .deco-box {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .deco-box::before {
    width: 46.389vw;
    height: 53.125vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_03.webp") no-repeat center center;
    background-size: 100% 100%;
    max-width: 77.778vw;
    position: absolute;
    top: -12.5vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }


  .technical-ai-wrapper .pillars-page .about {
    margin: 0 auto 9.722vw;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }

  .technical-ai-wrapper .pillars-page .about .description {
    padding: 2.083vw 0 0 0;
    text-align: right;
  }
  .technical-ai-wrapper .pillars-page .about .description.description--second {
    padding: 1.389vw 0 0 0;
    text-align: left;
  }
  .technical-ai-wrapper .pillars-page .about .description .paragraph {
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .pillars-page .about .link {
    margin: 0 0 0 calc( 100% - 13.056vw );
    width: 13.056vw;
  }
  .technical-ai-wrapper .pillars-page .about .image {
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num01 {
    margin: 4.861vw 0 5.556vw 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num01::after {
    width: 100vw;
    height: 80.278vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_04.webp") no-repeat center top;
    background-size: cover;
    position: absolute;
    top: -2.361vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .pillars-page .what-we-do {
    margin: 0 auto 0;
    padding: 0 0 4.167vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .description {
    padding: 2.083vw 0 0 0;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .description .paragraph {
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .link {
    width: 14.722vw;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .image {
    width: 48.571%;
    position: absolute;
    top: -6.25vw;
    right: -18.57%;
  }

}
@media only screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .pillars-page {
    margin: 0 0 0 0;
    padding: 21.333vw 0 0 0;
/*    background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_02-sp.webp") no-repeat center top;
    background-size: 100% 1451.467vw;*/
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .technical-ai-wrapper .pillars-page::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 52.533vw;
    height: 70.4vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 32vw;
    right: 0;
    z-index: 0;
  }
  .technical-ai-wrapper .pillars-page .page-title {
    margin: 0 auto;
    padding: 0 0 8vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .page-title .title {
    margin: 0 auto 9.333vw auto;
    width: 74.133vw;
    max-width: 74.133vw;
  }
  .technical-ai-wrapper .pillars-page .page-title .catch {
    margin: 0 0 0 0;
    padding: 0 0 3.2vw 0;
    line-height: 2.0em;
    white-space: nowrap;
    font-size: 4.8vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.3em;
  }
  .technical-ai-wrapper .pillars-page .page-title .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 2.0em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box {
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box .link {
  }
  .technical-ai-wrapper .pillars-page .page-title .btn-box .note {
  }
  .technical-ai-wrapper .pillars-page .introduction {
    margin: 0 auto 33.333vw;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .pillars-page .introduction::before {
    width: 100vw;
    height: 139.2vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_03-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -37.333vw;
    left: -5.333vw;
    transform: translate(0,0);
    z-index: -1;
  }

  .technical-ai-wrapper .pillars-page .introduction .description {
    padding: 0 0 0 0;
    width: 100%;
    order: 3;
  }
  .technical-ai-wrapper .pillars-page .introduction .c-base-head {
    margin-bottom: 8vw;
    order: 2;
  }
  .technical-ai-wrapper .pillars-page .introduction .description .paragraph {
    padding: 0 0 6.4vw 0;
    line-height: 2.6em;
    font-size: 4.8vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .pillars-page .introduction .description .message {
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 2.6em;
    font-size: 6.4vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box {
    margin: 0 auto 6.667vw;
    width: 72.533vw;
    max-width: 72.533vw;
    order: 1;
  /*  position: fixed;
    top: 0;
    left: calc(50% + 149.333vw - 110.667vw);*/
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr {
    position: relative;
    top: auto;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr::after {
    display: none;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .off {

  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr .on {
    opacity: 0;
    transition: all 0.5s 0s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .pillars-page .introduction .floating-bnr-box .floaging-bnr:hover .on {
    opacity: 1;
  }


  .technical-ai-wrapper .pillars-page .deco-box {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .deco-box::before {
    width: 100vw;
    height: 117.6vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_05-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: -6.667vw;
    transform: translate(0,0);
    z-index: 1;
  }

  
  .technical-ai-wrapper .pillars-page .about {
    margin: 0 auto 24vw;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }

  .technical-ai-wrapper .pillars-page .about .description {
    padding: 8vw 0 0 0;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .about .description.description--second {
    padding: 5.333vw 0 0 0;
    text-align: left;
  }
  .technical-ai-wrapper .pillars-page .about .description .paragraph {
    padding: 0 0 6.667vw 0;
    line-height: 2.4em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  
  
  
  .technical-ai-wrapper .pillars-page .about .link {
    margin: 0 0 0 0;
    width: 50.133vw;
  }
  .technical-ai-wrapper .pillars-page .about .image {
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num01 {
    margin: 13.333vw 0 12vw 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num01::after {
    width: 100vw;
    height: 203.733vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/content_back_04-sp.webp") no-repeat center top;
    background-size: cover;
    position: absolute;
    top: 7.467vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num02 {
    padding: 0 0 8vw 0;
    width: 93.333vw;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
  }
  .technical-ai-wrapper .pillars-page .about .image.image--num02 img {
    width: 210.667vw;
    max-width: 210.667vw;
  }
  .technical-ai-wrapper .pillars-page .what-we-do {
    margin: 0 auto 0;
    padding: 0 0 10.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .description {
    padding: 0px 0 0 0;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .description .paragraph {
    padding: 0 0 10.667vw 0;
    line-height: 2.4em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .link {
    width: 56.533vw;
  }
  .technical-ai-wrapper .pillars-page .what-we-do .image {
    margin: 0 0 0 -15%;
    width: 130%;
    position: relative;
    top: auto;
    right: auto;
  }

}


/* solution page */
.technical-ai-wrapper .solution-page {
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
/*  background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_01.webp") no-repeat center top;
  background-size: 100% 10075px;
  background-size: 100% 100%;*/
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .solution-page::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 705px;
  height: 801px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -54px;
/*  top: 0;*/
  left: 0;
  z-index: 0;
}
.technical-ai-wrapper .solution-page .intro {
  margin: 0 auto;
  padding: 0 0 55px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .solution-page .intro .title-logo {
  margin: 0 0 38px 0;
  padding: 0 0 0 0;
  width: 264px;
  line-height: 1.8em;
  font-size: 17px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .solution-page .intro .catch {
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.8em;
  font-size: 40px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .solution-page .intro .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .solution-page .intro .deco {
  width: 49.375%;
  max-width: 553px;
  position: absolute;
  top: 78px;
  right: -10%;
  z-index: 0;
}
.technical-ai-wrapper .solution-page .tab-body {
  padding: 140px 0 142px 0;
  display: none;
}
.technical-ai-wrapper .solution-page .tab-body.view {
  display: block;
}

.technical-ai-wrapper .solution-page .tab-body .main-image {
  margin: 0 auto;
  padding: 40px 0 80px 0;
  width: 90%;
  max-width: 1360px;
}
.technical-ai-wrapper .solution-page .tab-body .body {
  margin: 0 auto;
  width: 100%;
/*  max-width: 1440px;*/
  display: flex;
  justify-content: space-between;
}
.technical-ai-wrapper .solution-page .tab-body .body .side {
  width: 0;
  width: calc( 50vw - 480px );
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu {
  padding: 25px 30px;
  width: 240px;
  background: #F8FCFF;
  border-radius: 4px;
  box-sizing: border-box;
  position: sticky;
  top: 40px;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list {
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item {
  margin: 0 0 10px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item:last-child {
  margin: 0 0 0 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link {
  padding: 0 0 0 0;
  width: 100%;
  height: 40px;
  line-height: 2.5em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #5351CA;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link:hover {
  opacity: 0.35;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link::after {
  width: 8px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list {
  padding: 2px 0 0 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item {
  margin: 0 0 8px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link {
  width: 100%;
  height: auto;
  line-height: 1.7em;
  font-size: 12px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #5351CA;
  display: block;
  position: relative;
  box-sizing: border-box;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link::after {
  display: none;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link {
  padding: 0 0 0 22px;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link::before {
  content: "01";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link {
  padding: 0 0 0 22px;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link::before {
  content: "02";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link {
  padding: 0 0 0 22px;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link::before {
  content: "03";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link {
  padding: 0 0 0 22px;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link::before {
  content: "04";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link.current {
  opacity: 0.35;
}


.technical-ai-wrapper .solution-page .tab-body .body .main {
  width: 100%;
  width: calc( 50vw + 360px );
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail {
/*  margin: 0 auto;
  width: 90%;
  max-width: 920px;
  transform: translate(100px,0);*/
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description {
  padding: 12px 0 60px 0;
  max-width: 920px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb12 {
  padding: 0 0 12px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb18 {
  padding: 0 0 18px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb25 {
  padding: 0 0 25px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb30 {
  padding: 0 0 30px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  
  position: relative;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .note {
  margin: 0 0 0 0;
  padding: 12px 0 0 0;
  line-height: 1.7em;
  font-size: 10px;
  letter-spacing: 0.1em;
  font-family: var(--font-normal);
  font-weight: 400;
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie {
  width: 230px;
  position: absolute;
  top: 141px;
  right: 70px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie video {
  width: 230px;

}



.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .catch {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.7em;
  font-size: 24px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 700;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box {
  margin: 0 0 40px 0;
  padding: 45px;
  width: 100%;
  background: #F2F5F8;
  border-radius: 4px;
  box-sizing: border-box;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .title {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.7em;
  font-size: 24px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 700;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image:last-child {
  padding: 0 0 0 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list {
  margin: 0 0 0 0;
  padding: 20px 0 60px 0;
  width: 100%;
  max-width: 920px;
  display: flex;
  justify-content: space-between;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 23.369%;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link {
  margin: 0 0 0 0;
  padding: 20px 24px 0 24px;
  width: 100%;
  min-height: 280px;
  box-sizing: border-box;
  background: #F8FCFF;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon {
  min-height: 41px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num01 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num02 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num03 {
  width: 29px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num04 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .name {
  min-height: 100px;
  display: block;
  line-height: 1.5em;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  color: #199CA6;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .function {
  min-height: 75px;
  display: block;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #000;
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48.913%;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link {
  margin: 0 0 0 0;
  padding: 20px 24px 0 24px;
  width: 100%;
  min-height: 192px;
  box-sizing: border-box;
  background: #F8FCFF;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon {
  min-height: 41px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num01 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num02 {
  width: 29px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .name {
  padding: 0 0 8px 0;
  display: block;
  line-height: 1.5em;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  color: #337DD9;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .function {
  display: block;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #000;
  margin: 0 0 23px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link {
  margin: 0 0 0 0;
  padding: 20px 24px 0 24px;
  width: 100%;
  min-height: 192px;
  box-sizing: border-box;
  background: #F8FCFF;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon {
  min-height: 41px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon.icon--num01 {
  width: 29px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .name {
  padding: 0 0 8px 0;
  display: block;
  line-height: 1.5em;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  color: #9B50BF;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .function {
  display: block;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #000;
  margin: 0 0 23px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48.913%;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link {
  margin: 0 0 0 0;
  padding: 20px 24px 0 24px;
  width: 100%;
  min-height: 192px;
  box-sizing: border-box;
  background: #F8FCFF;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon {
  min-height: 41px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num01 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num02 {
  width: 29px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .name {
  padding: 0 0 8px 0;
  display: block;
  line-height: 1.5em;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  color: #CC4378;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .function {
  display: block;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #000;
  margin: 0 0 23px 0;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48.913%;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link {
  margin: 0 0 0 0;
  padding: 20px 24px 0 24px;
  width: 100%;
  min-height: 192px;
  box-sizing: border-box;
  background: #F8FCFF;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon {
  min-height: 41px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num01 {
  width: 27px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num02 {
  width: 29px;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .name {
  padding: 0 0 8px 0;
  display: block;
  line-height: 1.5em;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-family: var(--font-medium);
  font-weight: 700;
  color: #D7790C;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .function {
  display: block;
  line-height: 2.0em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #000;
  margin: 0 0 23px 0;
}


.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link {
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover {
  background: #5351CA;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .name {
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .name {
  color: #fff;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .function {
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .function {
  color: #fff;
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .icon img {
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .icon img {
  filter: brightness(0) invert(1);
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more {
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  color: #5351CA;
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more {
  color: #fff;
}

.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more::after {
  width: 8px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 17px;
  transition: all 0.4s 0s ease-in-out;
}
.technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more::after {
  filter: brightness(0) invert(1);
}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list {
  margin: 30px 0 0 0;
/*  width: calc( 50vw + 360px );*/
  width: 100%;
  box-sizing: border-box;
}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list.none-slider {
  width: 920px;
  display: flex;
  justify-content: space-between;
}

.technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item {
  width: 480px;

}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link {
  margin: 0 40px 0 0;
  width: 440px;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .img {
  margin: 0 0 16px 0;
  width: 100%;
  display: block;
}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title {
  color: #5351CA;
  font-family: var(--font-medium);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 1.7em; /* 27.2px */
  letter-spacing: 0.2em;
  display: inline-block;
}
.technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title::after {
  width: 17px;
  height: 17px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/icon_link_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 10px;
}





.technical-ai-wrapper .solution-page .other-solution {
  margin: 100px 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
/*
.technical-ai-wrapper .solution-page .other-solution::after {
  width: 418px;
  height: 804px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_03.webp") no-repeat center center;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_03.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;

  position: sticky;
  top: -420px;
  right: 0;
  z-index: -1;
  z-index: 0;
}
*/

.technical-ai-wrapper .solution-page .other-solution .wrap {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
/*  width: 90%;
  max-width: 1120px;*/
  height: 3000px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .solution-page .other-solution .deco {
  margin: 0 0 0 calc( 100% - 418px );
  width: 418px;
  height: 0;
  display: block;
  position: sticky;
  top: 0;
  z-index: 0;
}
.technical-ai-wrapper .solution-page .other-solution .deco .img {
  transform: translate(0,-420px);
}

.technical-ai-wrapper .solution-page .other-solution .item {
  margin: 0 auto 150px auto;
  padding: 40px 40px 35px 50px;
  width: 90%;
  max-width: 1120px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  border-top-left-radius: 0px;
  position: relative;
  position: sticky;
  left: 50%;
  left: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  box-shadow: 0 0 30px rgba(0,0,0,0.12);

  
  transform-origin: top center;
  transition: transform 0.1s linear;
}
.technical-ai-wrapper .solution-page .other-solution .item.item--type01 {
  top: 50px;
}
.technical-ai-wrapper .solution-page .other-solution .item.item--type02 {
  top: 90px;
}
.technical-ai-wrapper .solution-page .other-solution .item.item--type03 {
  top: 130px;
}
.technical-ai-wrapper .solution-page .other-solution .item.item--type04 {
  top: 170px;
}
.technical-ai-wrapper .solution-page .other-solution .item.item--type05 {
  top: 210px;
}
.technical-ai-wrapper .solution-page .other-solution .item::before {
  width: 272px;
  height: 30px;
  content: "";
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.technical-ai-wrapper .solution-page .other-solution .item .label {
  width: 242px;
  height: 60px;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.1em;

  font-family: var(--font-medium);
  font-weight: 700;
  background: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -60px;
  left: 0;
  box-shadow: 0 0 30px rgba(0,0,0,0.12);
}
.technical-ai-wrapper .solution-page .other-solution .item .label.label--num01 {
  color: #199CA6;
}
.technical-ai-wrapper .solution-page .other-solution .item .label.label--num02 {
  color: #337DD9;
}
.technical-ai-wrapper .solution-page .other-solution .item .label.label--num03 {
  color: #9B50BF;
}
.technical-ai-wrapper .solution-page .other-solution .item .label.label--num04 {
  color: #CC4378;
}
.technical-ai-wrapper .solution-page .other-solution .item .label.label--num05 {
  color: #D7790C;
}
.technical-ai-wrapper .solution-page .other-solution .item .image {
  width: 47.32%;
  max-width: 530px;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .solution-page .other-solution .item .left {
  width: 39.28%;
  max-width: 440px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon {
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num01 {
  margin: 0 18px 0 0;
  width: 43px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num02 {
  margin: 0 18px 0 0;
  width: 42px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num03 {
  margin: 0 20px 0 0;
  width: 41px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num04 {
  margin: 0 16px 0 0;
  width: 45px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num05 {
  margin: 0 17px 0 0;
  width: 44px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .title {
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-size: 27px;
  font-family: var(--font-medium);
  font-weight: 700;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .comment {
  width: 100%;
  font-size: 16px;
  line-height: 2.0em;
  letter-spacing: 0.2em;
  margin: 14px 0 30px 0;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn {
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size01 {
  width: 260px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size02 {
  width: 210px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size03 {
  width: 294px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size04 {
  width: 243px;
}
.technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size05 {
  width: 277px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .solution-page {
    margin: 0 0 0 0;
    padding: 1.389vw 0 0 0;
/*    background-size: 100% 699.653vw;
    background-size: 100% 100%;*/
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 48.958vw;
    height: 55.625vw;
    content: "";
    position: absolute;
    top: -3.75vw;
    left: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .solution-page .intro {
    margin: 0 auto;
    padding: 0 0 3.819vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .intro .title-logo {
    margin: 0 0 2.639vw 0;
    padding: 0 0 0 0;
    width: 18.333vw;
    line-height: 1.8em;
    font-size: 1.181vw;
    letter-spacing: 0.35em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .intro .catch {
    margin: 0 0 2.083vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.8em;
    font-size: 2.778vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .intro .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .intro .deco {
    width: 49.375%;
    max-width: 38.403vw;
    position: absolute;
    top: 5.417vw;
    right: -10%;
    z-index: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body {
    padding: 9.722vw 0 9.861vw 0;
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body.view {
    display: block;
  }

  .technical-ai-wrapper .solution-page .tab-body .main-image {
    margin: 0 auto;
    padding: 2.778vw 0 5.556vw 0;
    width: 94.444vw;
    max-width: 94.444vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body {
    width: 100%;
    display: flex;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side {
    width: 0;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu {
    padding: 1.736vw 2.083vw;
    width: 16.667vw;
    border-radius: 0.278vw;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    box-sizing: border-box;
    position: sticky;
    top: 2.778vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list {
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item {
    margin: 0 0 0.694vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item:last-child {
    margin: 0 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link {
    padding: 0 0 0 0;
    width: 100%;
    height: 2.778vw;
    line-height: 2.5em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    position: relative;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link:hover {
    opacity: 0.35;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link::after {
    width: 0.556vw;
    height: 0.903vw;
    content: "";
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list {
    padding: 0.139vw 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item {
    margin: 0 0 0.556vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link {
    width: 100%;
    height: auto;
    line-height: 1.7em;
    font-size: 0.833vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
    position: relative;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link::after {
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link {
    padding: 0 0 0 1.528vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link::before {
    content: "01";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link {
    padding: 0 0 0 1.528vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link::before {
    content: "02";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link {
    padding: 0 0 0 1.528vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link::before {
    content: "03";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link {
    padding: 0 0 0 1.528vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link::before {
    content: "04";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link.current {
    opacity: 0.35;
  }


  .technical-ai-wrapper .solution-page .tab-body .body .main {
    width: 100%;
    width: calc( 50vw + 25vw );
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail {
/*    margin: 0 auto;
    width: 90%;
    max-width: 63.889vw;
    transform: translate(100px,0);*/
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description {
    padding: 0.833vw 0 4.167vw 0;
    width: 63.889vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb12 {
    padding: 0 0 0.833vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb18 {
    padding: 0 0 1.25vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb25 {
    padding: 0 0 1.736vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb30 {
    padding: 0 0 2.083vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .note {
    margin: 0 0 0 0;
    padding: 0.833vw 0 0 0;
    line-height: 1.7em;
    font-size: 0.694vw;
    letter-spacing: 0.1em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie {
    width: 15.972vw;
    position: absolute;
    top: 9.792vw;
    right: 4.861vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie video {
    width: 15.972vw;

  }

  
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .catch {
    margin: 0 0 1.042vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.7em;
    font-size: 1.667vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box {
    margin: 0 0 2.778vw 0;
    padding: 3.125vw;
    width: 100%;
    border-radius: 0.278vw;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .title {
    margin: 0 0 1.042vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.7em;
    font-size: 1.667vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 2.083vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image:last-child {
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list {
    margin: 0 0 0 0;
    padding: 1.389vw 0 4.167vw 0;
    width: 63.889vw;
    display: flex;
    justify-content: space-between;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 23.369%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link {
    margin: 0 0 0 0;
    padding: 1.389vw 1.667vw 0 1.667vw;
    width: 100%;
    min-height: 19.444vw;
    box-sizing: border-box;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon {
    min-height: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num01 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num02 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num03 {
    width: 2.014vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num04 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .name {
    min-height: 6.944vw;
    display: block;
    line-height: 1.5em;
    font-size: 1.389vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #199CA6;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .function {
    min-height: 5.208vw;
    display: block;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 48.913%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link {
    margin: 0 0 0 0;
    padding: 1.389vw 1.667vw 0 1.667vw;
    width: 100%;
    min-height: 13.333vw;
    box-sizing: border-box;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon {
    min-height: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num01 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num02 {
    width: 2.014vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .name {
    padding: 0 0 0.556vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 1.389vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .function {
    display: block;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    margin: 0 0 1.597vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link {
    margin: 0 0 0 0;
    padding: 1.389vw 1.667vw 0 1.667vw;
    width: 100%;
    min-height: 13.333vw;
    box-sizing: border-box;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon {
    min-height: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon.icon--num01 {
    width: 2.014vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .name {
    padding: 0 0 0.556vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 1.389vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .function {
    display: block;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    margin: 0 0 1.597vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 48.913%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link {
    margin: 0 0 0 0;
    padding: 1.389vw 1.667vw 0 1.667vw;
    width: 100%;
    min-height: 13.333vw;
    box-sizing: border-box;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon {
    min-height: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num01 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num02 {
    width: 2.014vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .name {
    padding: 0 0 0.556vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 1.389vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .function {
    display: block;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    margin: 0 0 1.597vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 48.913%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link {
    margin: 0 0 0 0;
    padding: 1.389vw 1.667vw 0 1.667vw;
    width: 100%;
    min-height: 13.333vw;
    box-sizing: border-box;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon {
    min-height: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num01 {
    width: 1.875vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num02 {
    width: 2.014vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .name {
    padding: 0 0 0.556vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 1.389vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .function {
    display: block;
    line-height: 2.0em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    margin: 0 0 1.597vw 0;
  }


  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover {
    background: #5351CA;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .name {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .name {
    color: #fff;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .function {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .function {
    color: #fff;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .icon img {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .icon img {
    filter: brightness(0) invert(1);
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more {
    display: block;
    line-height: 1.6em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more {
    color: #fff;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more::after {
    width: 0.556vw;
    height: 0.903vw;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 1.181vw;
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more::after {
    filter: brightness(0) invert(1);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list {
    margin: 2.083vw 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list.none-slider {
    width: 63.889vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item {
    width: 33.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link {
    margin: 0 2.778vw 0 0;
    width: 30.556vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .img {
    margin: 0 0 1.111vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title {
    color: #5351CA;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 1.111vw;
    font-style: normal;
    line-height: 1.7em; /* 27.2px */
    letter-spacing: 0.2em;
    display: inline-block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title::after {
    width: 1.181vw;
    height: 1.181vw;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 0.694vw;
  }





  .technical-ai-wrapper .solution-page .other-solution {
    margin: 6.944vw 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  /*
  .technical-ai-wrapper .solution-page .other-solution::after {
    width: 29.028vw;
    height: 55.833vw;
    content: "";
    position: absolute;
    top: -29.167vw;
    right: 0;
    z-index: -1;
  }
  */
  .technical-ai-wrapper .solution-page .other-solution .wrap {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
/*    width: 90%;
    max-width: 77.778vw;*/
    height: 208.333vw;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .other-solution .deco {
    margin: 0 0 0 calc( 100% - 29.028vw );
    width: 29.028vw;
    height: 0;
    display: block;
    position: sticky;
    top: 0;
    z-index: 0;
  }
  .technical-ai-wrapper .solution-page .other-solution .deco .img {
    transform: translate(0,-29.167vw);
  }
  .technical-ai-wrapper .solution-page .other-solution .item {
    margin: 0 auto 10.417vw auto;
    padding: 2.778vw 2.778vw 2.431vw 3.472vw;
    width: 77.778vw;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.278vw;
    border-top-left-radius: 0px;
    position: relative;
    position: sticky;
/*    left: 50%;*/
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    box-shadow: 0 0 30px rgba(0,0,0,0.12);


    transform-origin: top center;
    transition: transform 0.1s linear;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type01 {
    top: 3.472vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type02 {
    top: 6.25vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type03 {
    top: 9.028vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type04 {
    top: 11.806vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type05 {
    top: 14.583vw;
  }

  .technical-ai-wrapper .solution-page .other-solution .item::before {
    width: 18.889vw;
    height: 2.083vw;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label {
    width: 16.806vw;
    height: 4.167vw;
    font-size: 1.25vw;
    line-height: 1.4em;
    letter-spacing: 0.1em;

    font-family: var(--font-medium);
    font-weight: 500;
    border-top-left-radius: 0.278vw;
    border-top-right-radius: 0.278vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -4.167vw;
    left: 0;
    box-shadow: 0 0 30px rgba(0,0,0,0.12);
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num01 {
    color: #199CA6;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num02 {
    color: #337DD9;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num03 {
    color: #9B50BF;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num04 {
    color: #CC4378;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num05 {
    color: #D7790C;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .image {
    width: 47.32%;
    max-width: 36.806vw;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left {
    width: 39.28%;
    max-width: 30.556vw;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon {
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num01 {
    margin: 0 1.25vw 0 0;
    width: 2.986vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num02 {
    margin: 0 1.25vw 0 0;
    width: 2.917vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num03 {
    margin: 0 1.389vw 0 0;
    width: 2.847vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num04 {
    margin: 0 1.111vw 0 0;
    width: 3.125vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num05 {
    margin: 0 1.181vw 0 0;
    width: 3.056vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .title {
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-size: 1.875vw;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .comment {
    width: 100%;
    font-size: 1.111vw;
    line-height: 2.0em;
    letter-spacing: 0.2em;
    margin: 0.972vw 0 2.083vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn {
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size01 {
    width: 18.056vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size02 {
    width: 14.583vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size03 {
    width: 20.417vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size04 {
    width: 16.875vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size05 {
    width: 19.236vw;
  }
}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .solution-page {
    margin: 0 0 0 0;
    padding: 5.405vw 0 0 0;
/*    background: #fff url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_01-sp.webp") no-repeat center top;
    background-size: 100% 2929.067vw;
    background-size: 100% 100%;*/
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page::after {
    display: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 188vw;
    height: 213.6vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -14.4vw;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .solution-page .intro {
    margin: 0 auto -5.333vw;
    padding: 26.667vw 0 14.667vw 0;
    padding: 26.667vw 0 0 0;
    
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .intro .title-logo {
    margin: 0 0 10.133vw 0;
    padding: 0 0 0 0;
    width: 70.4vw;
    line-height: 1.8em;
    font-size: 4.533vw;
    letter-spacing: 0.35em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .intro .catch {
    margin: 0 0 9.333vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.6em;
    font-size: 8vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    white-space: nowrap;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .solution-page .intro .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .intro .deco {
    margin: -13.333vw -15.533vw -5.333vw;
    width: 120vw;
    max-width: 120vw;
    position: relative;
    top: auto;
    right: auto;
    z-index: 0;
  }
  .technical-ai-wrapper .solution-page .c-page-menu {
    margin-bottom: 16vw;
  }  
  
  .technical-ai-wrapper .solution-page .tab-body {
    margin: 0 auto;
    padding: 26.667vw 0 37.867vw 0;
    width: 86.667vw;
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body.view {
    display: block;
  }

  .technical-ai-wrapper .solution-page .tab-body .main-image {
    margin: 0 auto;
    padding: 10.667vw 0 10.667vw 0;
    width: 100%;
    max-width: 100%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  
  
  
  
  
  .technical-ai-wrapper .solution-page .tab-body .body .side {
    width: 100%;
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body.on .body .side {
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box {
    width: 26.667vw;
    position: fixed;
    bottom: 4vw;
    right: 2.667vw;
    z-index: 10;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn {
    padding: 1px;
    position: relative;
    width: 100%;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    border-radius: 48vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    cursor: pointer;
    z-index: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn.active {
    background: none;
  }
  /*
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 48vw;
    padding: 0.267vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
  }
  */
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn .text {
    padding: 0 0 0 4.8vw;
    width: 100%;
    height: 11.733vw;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-medium);
    font-weight: 500;
    
    
    letter-spacing: 0.2em;
    color: #5351CA;
    background: rgba(255,255,255,0.4);
    background: #F8FCFF;
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn.active .text {
    background: #fff;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn .text::after {
    width: 2.667vw;
    height: 1.6vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/mokuji_minus_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .btn-box .mokuji-btn.active .text::after {
    width: 3.733vw;
    height: 3.733vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/mokuji_plus_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 4.8vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu {
    padding: 5.333vw 8vw;
    width: 94.667vw;
    background: #F8FCFF;
    border-radius: 1.067vw;
    box-sizing: border-box;
    position: fixed;
    top: auto;
    bottom: 21.333vw;
    left: 50%;
    transform: translate(-50%,0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    display: none;
    z-index: 10;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu::after {
    width: 5.333vw;
    height: 5.333vw;
    content: "";
    background: #F8FCFF;
    transform: rotate(45deg);
    position: absolute;
    bottom: -2.667vw;
    right: 8vw;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.06);
    z-index: 10;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side::before {
    width: 100vw;
    height: 100vh;
    content: "";
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transition: all 0.4s ease;
    opacity: 0;
    pointer-events: none;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side.active::before {
    opacity: 1;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .title {
    margin: 0 0 0 0;
    padding: 0 0 4vw 0;
    text-align: center;
    font-size: 4.8vw;
    line-height: 1.8em;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  
  
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list {
    display: flex;
    gap: 8%;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item {
    margin: 0 0 2.667vw 0;
    width: 46%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item:last-child {
    margin: 0 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link {
    padding: 0 0 0 0;
    width: 100%;
    height: 1.6em;
    line-height: 1.6em;
    font-size: 3.733vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #5351CA;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link:hover {
    opacity: 0.35;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link::after {
    width: 2.133vw;
    height: 3.467vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list {
    padding: 0.533vw 0 0 0;
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item {
    margin: 0 0 2.133vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link {
    width: 100%;
    height: auto;
    line-height: 1.7em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #5351CA;
    display: block;
    position: relative;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item .link::after {
    display: none;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link {
    padding: 0 0 0 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num01 .link::before {
    content: "01";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link {
    padding: 0 0 0 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num02 .link::before {
    content: "02";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link {
    padding: 0 0 0 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num03 .link::before {
    content: "03";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link {
    padding: 0 0 0 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .menu-sub-list .menu-list-item.num04 .link::before {
    content: "04";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .side .menu .menu-list .menu-list-item .link.current {
    opacity: 0.35;
  }






  .technical-ai-wrapper .solution-page .tab-body .body .main {
    width: 100%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    transform: translate(0,0);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description {
    padding: 3.2vw 0 10.667vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 5.333vw 0;
    line-height: 2.0em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb12 {
    padding: 0 0 3.2vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb18 {
    padding: 0 0 4.8vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb25 {
    padding: 0 0 6.667vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .paragraph.paragraph--pb30 {
    padding: 0 0 8vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image {
    margin: 0 0 0 0;
    padding: 0 0 5.333vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description  .image-overflow-wrap {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    width: 93.333vw;
    overflow: auto;
    position: relative;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description  .image-overflow-wrap img {
    width: 240vw;
    max-width: 240vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .note {
    margin: 0 0 0 0;
    padding: 3.2vw 0 0 0;
    line-height: 1.7em;
    font-size: 2.667vw;
    letter-spacing: 0.1em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie {
    width: 60.267vw;
    position: absolute;
    top: 36.8vw;
    right: auto;
    left: 161.6vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .image .movie video {
    width: 60.267vw;

  }


  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .catch {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 2.0em;
    font-size: 4.8vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
    
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box {
    margin: 0 0 0 0;
    padding: 5.333vw 6.667vw 6.667vw 6.667vw;
    width: 100%;
    background: #F2F5F8;
    border-radius: 1.067vw;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .title {
    margin: 0 0 3.2vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 2.0em;
    font-size: 4.8vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 5.333vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image {
    margin: 0 0 0 0;
    padding: 0 0 5.333vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .description .inner-box .image:last-child {
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list {
    margin: 0 0 0 0;
    padding: 5.333vw 0 16vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    width: 41.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link {
    margin: 0 0 0 0;
    padding: 5.333vw 6.4vw 5.333vw 6.4vw;
    width: 100%;
    min-height: 58.667vw;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon {
    min-height: 10.933vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num01 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num02 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num03 {
    width: 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .icon.icon--num04 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .name {
    min-height: 26.667vw;
    display: block;
    line-height: 1.5em;
    font-size: 4.267vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #199CA6;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--knowledge .item .link .function {
    padding: 0 0 0 0;
    min-height: 20vw;
    display: block;
    line-height: 1.8em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #000;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 41.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link {
    margin: 0 0 0 0;
    padding: 5.333vw 6.4vw 5.333vw 6.4vw;
    width: 100%;
    min-height: 51.2vw;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon {
    min-height: 10.933vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num01 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .icon.icon--num02 {
    width: 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .name {
    padding: 0 0 2.133vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 4.267vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #337DD9;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--flow .item .link .function {
    display: block;
    line-height: 1.8em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #000;
    margin: 0 0 6.133vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link {
    margin: 0 0 0 0;
    padding: 5.333vw 6.4vw 5.333vw 6.4vw;
    width: 100%;
    min-height: 51.2vw;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon {
    min-height: 10.933vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .icon.icon--num01 {
    width: 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .name {
    padding: 0 0 2.133vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 4.267vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #9B50BF;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--insight .item .link .function {
    display: block;
    line-height: 1.8em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #000;
    margin: 0 0 6.133vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 41.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link {
    margin: 0 0 0 0;
    padding: 5.333vw 6.4vw 5.333vw 6.4vw;
    width: 100%;
    min-height: 51.2vw;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon {
    min-height: 10.933vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num01 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .icon.icon--num02 {
    width: 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .name {
    padding: 0 0 2.133vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 4.267vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #CC4378;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--orchestration .item .link .function {
    display: block;
    line-height: 1.8em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #000;
    margin: 0 0 6.133vw 0;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 41.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link {
    margin: 0 0 0 0;
    padding: 5.333vw 6.4vw 5.333vw 6.4vw;
    width: 100%;
    min-height: 51.2vw;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon {
    min-height: 10.933vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num01 {
    width: 5.333vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .icon.icon--num02 {
    width: 5.867vw;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .name {
    padding: 0 0 2.133vw 0;
    display: block;
    line-height: 1.5em;
    font-size: 4.267vw;
    letter-spacing: 0.1em;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #D7790C;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list.function-list--imaging .item .link .function {
    display: block;
    line-height: 1.8em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #000;
    margin: 0 0 6.133vw 0;
  }


  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover {
    background: #5351CA;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .name {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .name {
    color: #fff;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .function {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .function {
    color: #fff;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .icon img {
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .icon img {
    filter: brightness(0) invert(1);
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more {
    display: block;
    line-height: 1.6em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    color: #5351CA;
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more {
    color: #fff;
  }

  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link .more::after {
    width: 2.133vw;
    height: 3.467vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4.533vw;
    transition: all 0.4s 0s ease-in-out;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .main .detail .function-list .item .link:hover .more::after {
    filter: brightness(0) invert(1);
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list {
    margin: 8vw 0 0 0;
    width: 100%;
  }
  /*
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list {
    margin: 2.083vw 0 0 0;
    width: calc( 50vw + 25vw );
    box-sizing: border-box;
    overflow: hidden;
  }
  */
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list.none-slider {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  

  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item {
    margin: 0 0 5.333vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link {
    margin: 0 0 0 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .img {
    margin: 0 0 4.267vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title {
    color: #5351CA;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 4.267vw;
    font-style: normal;
    line-height: 1.7em; /* 27.2px */
    letter-spacing: 0.2em;
    display: inline-block;
  }
  .technical-ai-wrapper .solution-page .tab-body .body .other-service-list .item .link .title::after {
    width: 4.533vw;
    height: 4.533vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/icon_link_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 2.667vw;
  }





  .technical-ai-wrapper .solution-page .other-solution {
    margin: 20vw 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .other-solution::after {
    width: 100%;
    height: 214.4vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/pillars/solution/content_back_03.webp") no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: -117.333vw;
    right: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .solution-page .other-solution .wrap {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 298.667vw;
    height: 800vw;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .other-solution .item {
    margin: 0 0 0 0;
    padding: 6.667vw 6.667vw 20vw 6.667vw;
    width: 100%;
    box-sizing: border-box;
    background: #F8FCFF;
    border-radius: 1.067vw;
    border-top-left-radius: 0px;
    position: relative;
/*    position: sticky;
    left: 0;*/
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
/*    box-shadow: 0 0 30px rgba(0,0,0,0.12);*/
    box-shadow: 0 0 0 rgba(0,0,0,0.12);
    
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type01 {
    top: auto;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type02 {
    top: auto;
    background: #f2f5f8;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type03 {
    top: auto;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type04 {
    top: auto;
    background: #f2f5f8;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type05 {
    top: auto;
  }
  .technical-ai-wrapper .solution-page .other-solution .item::before {
    width: 72.533vw;
    height: 5.333vw;
    content: "";
    background: #F8FCFF;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type02::before {
    background: #f2f5f8;
  }
  .technical-ai-wrapper .solution-page .other-solution .item.item--type04::before {
    background: #f2f5f8;
  }
  

  
  .technical-ai-wrapper .solution-page .other-solution .item .label {
    width: 40vw;
    height: 11.2vw;
    font-size: 3.733vw;
    line-height: 1.4em;
    letter-spacing: 0.1em;

    font-family: var(--font-medium);
    font-weight: 500;
    background: #F8FCFF;
    border-top-left-radius: 1.067vw;
    border-top-right-radius: 1.067vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -11.2vw;
    left: 0;
/*    box-shadow: 0 0 30px rgba(0,0,0,0.12);*/
    box-shadow: 0 0 0 rgba(0,0,0,0.12);
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num01 {
    color: #199CA6;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num02 {
    color: #337DD9;
    background: #f2f5f8;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num03 {
    color: #9B50BF;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num04 {
    color: #CC4378;
    background: #f2f5f8;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .label.label--num05 {
    color: #D7790C;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .image {
    margin: 6.667vw 0 0 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left {
    width: 100%;
    max-width: 117.333vw;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon {
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num01 {
    margin: 0 4.8vw 0 0;
    width: 11.467vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num02 {
    margin: 0 4.8vw 0 0;
    width: 11.2vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num03 {
    margin: 0 5.333vw 0 0;
    width: 10.933vw;

  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num04 {
    margin: 0 4.267vw 0 0;
    width: 12vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .icon.icon--num05 {
    margin: 0 4.533vw 0 0;
    width: 11.733vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .title {
    line-height: 1.6em;
    letter-spacing: 0.2em;
    font-size: 6.4vw;
    font-family: var(--font-medium);
    font-weight: 500;
    padding: 2.667vw 0 0 0;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .comment {
    width: 100%;
    font-size: 3.733vw;
    line-height: 2.0em;
    letter-spacing: 0.2em;
    margin: 3.733vw 0 8vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn {
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size01 {
    width: 69.333vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size02 {
    width: 56vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size03 {
    width: 78.4vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size04 {
    width: 64.8vw;
  }
  .technical-ai-wrapper .solution-page .other-solution .item .left .btn.btn--size05 {
    width: 73.867vw;
  }

}



/* journal page */
.technical-ai-wrapper .journal-page {
  margin: 0 0 0 0;
  padding: 50px 0 0 0;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .journal-page .wrap {
  margin: 0 auto;
  padding: 0 0 55px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 312px;
  height: 567px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/content_back_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}


.technical-ai-wrapper .journal-page .wrap .main {
  margin: 0 0 140px 0;
  width: 71.428%;
  max-width: 800px;
  overflow: hidden;
}
.technical-ai-wrapper.page-link .journal-page .wrap .main {
  padding-top: 80px !important;
}
.technical-ai-wrapper .journal-page .wrap .side {
  margin: 0 0 140px 0;
  padding: 100px 0 0 0;
  width: 21.428%;
  max-width: 240px;
  box-sizing: border-box;
}
/* top */
.technical-ai-wrapper .journal-page .wrap .top-article {
  padding: 30px 0 50px 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 1px dashed #A7B6BE;
}
.technical-ai-wrapper .journal-page .wrap .top-article .image {
  width: 62.857%;
  border-radius: 4px;
  display: block;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .top-article .image img {
  width: 100%;
  display: block;
	border-radius: 7px;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .journal-page .wrap .top-article .image a:hover img {
  transform: scale(1.1);
}
.technical-ai-wrapper .journal-page .wrap .top-article .info {
  width: 32.678%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .new {
  margin: 0 0 0 0;
  padding: 0 12px;
  width: fit-content;
  height: 26px;
  display: flex;
  align-items: center;
  border-radius: 180px;
  background: #5351CA;
  color: #FFF;
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 12px;
  font-style: normal;
  line-height: 1.8em; /* 21.6px */
  letter-spacing: 0.1em;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .post {
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  width: fit-content;
  height: 26px;
  display: flex;
  align-items: center;
  color: #686868;
  font-family: var(--font-medium);
  font-weight: 500;
  font-size: 14px;
  font-style: normal;
  line-height: 1.6em; /* 21.6px */
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .title {
  padding: 20px 0 20px 0;
  width: 100%;
  font-family: var(--font-bold);
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  line-height: 1.7em; /* 21.6px */
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .tags {
  padding: 0 0 40px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .tags .tag {
  color: #337DD9;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.6em; /* 22.4px */
  letter-spacing: 0.1em;
}
.technical-ai-wrapper .journal-page .wrap .top-article .info .link {
  width: 177px;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list {
  padding: 50px 0 0 0;
  width: 100%;
  margin: 0 0 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2.85%;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item {
  margin: 0 0 40px 0;
  width: 31.42%;
 /*transition: all 0.65s 0s ease-in-out;初期値*/
  transition: all 1.2s 0s ease;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide {
/*  display: none;*/
  height: 0;
  overflow: hidden;
  margin: 0 0 0 0;
  opacity: 0;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide.view {
  display: block;
  
  height: auto;
  margin: 0 0 40px 0;
  
  opacity: 1;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .link {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  min-height: 210px;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  display: block;
  border-radius: 7px;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 144px;
  object-fit: cover;
  display: block;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item a:hover .image img {
  transform: scale(1.1);
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .post {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #686868;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #000;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tags {
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tag {
  margin: 0 13px 0 0;
}
.technical-ai-wrapper .journal-page .wrap .main .list-more {
  margin: 0 auto;
  width: 283px;
}
.technical-ai-wrapper .journal-page .wrap .side .movies {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .title {
  padding: 0 0 14px 0;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 1.8em;
  font-size: 22px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .title::before {
  margin: 0 16px 0 0;
  padding: 0 0 0 0;
  width: 18px;
  height: 22px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_03.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .movie-list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item .link {
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item .link::before {
  width: 50px;
  height: 50px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 0 0 0;
  z-index: 2;
}
.technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item .link::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.technical-ai-wrapper .journal-page .wrap .journal-movie-list {
  margin: 0 0 0 0;
  padding: 0 0 216px 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list {
  margin: 0 -20px;
  padding: 30px 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .slick-slide {
  margin: 0 20px;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image::before {
  width: 100px;
  height: 100px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 0 0 0;
  z-index: 2;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image .img {
  width: 100%;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .title {
  line-height: 1.7em;
  font-size: 16px;
  letter-spacing: 0.2em;
  display: block;
  color: #5351CA;
  font-family: var(--font-bold);
  font-weight: 700;
}
.technical-ai-wrapper .journal-page .news {
  margin: 0 0 0 0;
  padding: 0 0 140px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .journal-page .news::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 416px;
  height: 836px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/news_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.technical-ai-wrapper .journal-page .news .list {
  margin: 0 auto;
  padding: 10px 0 60px 0;
  width: 90%;
  max-width: 1120px;
}
.technical-ai-wrapper .journal-page .news .item {
  border-bottom: 1px solid #CBD6DC;
  /*transition: all 0.65s 0s ease-in-out;初期値*/
  transition: all 1.2s 0s ease;

}
.technical-ai-wrapper .journal-page .news .item.hide {
/*  display: none;*/
  overflow: hidden;
  height: 0;
  opacity: 0;
}
.technical-ai-wrapper .journal-page .news .item.view {
  display: block;
  height: auto;
  opacity: 1;
}
.technical-ai-wrapper .journal-page .news .item .link {
  padding: 25px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  position: relative;
}
.technical-ai-wrapper .journal-page .news .item .link::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 5px;
  height: 10px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .journal-page .news .item .post {
  margin: 0 0 0 0;
  width: 120px;
  height: 30px;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  color: #686868;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .journal-page .news .item .category {
  margin: 0 0 0 0;
  padding: 0 12px;
  height: 30px;
  color: #fff;
  line-height: 1.8em;
  font-size: 12px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  background: #5351CA;
  border-radius: 180px;
  display: flex;
  align-items: center;
}
.technical-ai-wrapper .journal-page .news .item .title {
  margin: 14px 0 0 120px;
  width: calc( 100% - 120px );
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  display: block;
}
.technical-ai-wrapper .journal-page .news .more {
  margin: 0 auto;
  width: 260px;
}


/* main content */
.technical-ai-wrapper .journal-page .wrap .main .head {
  
}
.technical-ai-wrapper .journal-page .wrap .main .head .post {
  padding: 0 0 20px 0;
  color: #858585;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.6em; /* 22.4px */
  letter-spacing: 0.2em;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .head .title {
  padding: 0 0 30px 0;
  color: #000;
  font-size: 28px;
  font-family: var(--font-bold);
  font-weight: 700;
  line-height: 1.8em; /* 22.4px */
  letter-spacing: 0.2em;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .head .tags {
  padding: 0 0 19px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.technical-ai-wrapper .journal-page .wrap .main .head .tags .tag {
  color: #337DD9;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.6em; /* 22.4px */
  letter-spacing: 0.1em;
}
.technical-ai-wrapper .journal-page .wrap .main .sns-box {
  width: 100%;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.technical-ai-wrapper .journal-page .wrap .main .sns-box .sns-item {
  width: 24px;
}
.technical-ai-wrapper .journal-page .wrap .main .eyecatch-image {
  padding: 30px 0 0 0;
  width: 100%;
}
  .technical-ai-wrapper .journal-page .wrap .main .eyecatch-image img {
   border-radius: 4px;
  }
.technical-ai-wrapper .journal-page .wrap .main .description {
  margin: 0 0 30px 0;
  padding: 28px 0 0 0;
  width: 100%;
  border-bottom: 1px solid #A7B6BE;
/*  overflow: hidden;*/
}




.technical-ai-wrapper .journal-page .wrap .main .description .movie-box {
  padding: 0 0 40px 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box {
  position: relative;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box iframe,
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-box .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}

.technical-ai-wrapper .journal-page .wrap .main .description .section {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .main .description .list-disc {
  margin: 0 0 0 1.2em;
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  list-style: disc;
}
.technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item {
}
.technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a {
  text-decoration: underline;
}
.technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a:hover {
  text-decoration: none;
}

.technical-ai-wrapper .journal-page .wrap .main .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb18 {
  padding: 0 0 18px 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb25 {
  padding: 0 0 25px 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .paragraph a {
  text-decoration: underline;
}
.technical-ai-wrapper .journal-page .wrap .main .description .paragraph a:hover {
  text-decoration: none;
}

.technical-ai-wrapper .journal-page .wrap .main .description .note {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 1.8em;
  font-size: 12px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .journal-page .wrap .main .description .note .link {
  text-decoration: underline;
}
.technical-ai-wrapper .journal-page .wrap .main .description .note .link:hover {
  text-decoration: none;
}

.technical-ai-wrapper .journal-page .wrap .main .description .text-bold {
  font-family: var(--font-bold);
  font-weight: 700;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors {
  margin: 0 0 20px 0;
  padding: 15px 60px 15px 60px;
  width: 100%;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author {
  margin: 0 0 0 0;
  padding: 25px 0 30px 0;
  width: 100%;
  border-bottom: 1px dashed rgba(203, 214, 220, 1);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author:last-child {
  border-bottom: none;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 120px;
  height: 120px;
  border-radius: 180px;
  position: relative;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image::before {
  width: 120px;
  height: 120px;
  content: "";
  /*background: rgba(99, 168, 224, 0.2);*/
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image .img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile {
  width: 533px;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .name {
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.7em;
  font-size: 24px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .eng {
  padding: 12px 0 0 25px;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #858585;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .job {
  padding: 14px 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.8em;
  font-size: 16px;
  letter-spacing: 0.2em;
  color: #858585;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment {
  padding: 15px 0 0 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment .paragraph {
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 14px;
  letter-spacing: 0.2em;
}

.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents {
  margin: 0 0 100px 0;
  padding: 44px 50px 30px 50px;
  width: 100%;
  border-radius: 4px;
  background: #F2F5F8;
  box-sizing: border-box;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title {
  padding: 0 0 6px 0;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 1.8em;
  font-size: 22px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title::before {
  margin: 0 16px 0 0;
  padding: 0 0 0 0;
  width: 20px;
  height: 22px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item {
  margin: 0 0 0 0;
  padding: 0 0 0 30px;
  position: relative;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 2.5em;
  font-size: 16px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item::before {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.5em;
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link {
  color: #5351CA;
  text-decoration: underline;
  display: inline-block;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link:hover {
  text-decoration: none;
}
.technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link::after {
  margin: 0 0 0 15px;
  padding: 0 0 0 0;
  width: 12px;
  height: 15px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.technical-ai-wrapper .journal-page .wrap .main .description .sub-head {
  margin: 0 0 40px 0;
  padding: 0 0 35px 0;
  position: relative;
}
.technical-ai-wrapper .journal-page .wrap .main .description .sub-head::after {
  width: 100%;
  height: 15px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/title_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .sub-head .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: fit-content;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 1.7em;
  font-size: 28px;
  letter-spacing: 0.2em;
  background: linear-gradient(62deg, #106C83 27.51%, #166DBE 51.6%, #8739D5 75.24%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .journal-page .wrap .main .description .image {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
}
.technical-ai-wrapper .journal-page .wrap .main .description .image img {
	border-radius: 4px;
}
.technical-ai-wrapper .journal-page .wrap .main .description .image.image-left-pc {
  margin: 0 40px 0 0;
  padding: 0 0 40px 0;
  width: 50%;
  float: left;
}
.technical-ai-wrapper .journal-page .wrap .main .description .image.image-right-pc {
  margin: 0 0 0 40px;
  padding: 0 0 40px 0;
  width: 50%;
  float: right;
}
.technical-ai-wrapper .journal-page .wrap .main .description .info-item {
  margin: 0 0 0 0;
  padding: 20px 0 60px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-label {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 60px;
  line-height: 2.4em;
  font-size: 14px;
  font-family: var(--font-bold);
  font-weight: 700;
}
.technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-detail {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: calc( 100% - 60px );
  line-height: 2.4em;
  font-size: 14px;
  font-family: var(--font-normal);
  font-weight: 400;
}

.technical-ai-wrapper .journal-page .wrap .main .description .voice-item {
  margin: 0 0 0 0;
  padding: 0 0 60px 0;
  width: 100%;
  display: flex;
  align-items: flex-start;

}
.technical-ai-wrapper .journal-page .wrap .main .description .voice-item .image {
  margin: 0 30px 0 0;
  padding: 0 0 0 0;
  width: 167px;
}
.technical-ai-wrapper .journal-page .wrap .main .description .voice-item .voice-detail {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: calc( 100% - 210px );
}

.technical-ai-wrapper .journal-page .wrap .main .description .movie-list {
  margin: 0 0 0 0;
  padding: 0 0 60px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48.5%;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image::before {
  width: 100px;
  height: 100px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0 0 0 0;
  z-index: 2;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image .img {
  width: 100%;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item div.link {
  white-space: nowrap;
  margin-top: 20px;
  width: 100%;
}



.technical-ai-wrapper .journal-page .wrap .main .return {
  margin: 60px auto 0;
  padding: 0 0 0 0;
  width: 212px;
}
.technical-ai-wrapper .journal-page .wrap .main .two-column-box {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  display: flex;
  gap: 40px;
}
.technical-ai-wrapper .journal-page .wrap .main .two-column-box .image {
  width: 50%;
}
.technical-ai-wrapper .journal-page .wrap .main .two-column-box .box {
  width: calc( 50% - 40px );
}
.technical-ai-wrapper .journal-page .wrap .main .two-column-box .box .return {
  margin: 0 0 0 0;
}


/* side content */
.technical-ai-wrapper .journal-page .wrap .side .floating-side {
  position: sticky;
  top: 28px;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title {
  padding: 0 0 14px 0;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 1.8em;
  font-size: 22px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title::before {
  margin: 0 16px 0 0;
  padding: 0 0 0 0;
  width: 20px;
  height: 22px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item {
  margin: 0 0 14px 0;
  padding: 0 0 14px 1.3em;
  position: relative;
  font-family: var(--font-medium);
  font-weight: 500;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 0.2em;
  border-bottom: 1px dashed #A7B6BE;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item:last-child {
  border-bottom: none;
}

.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item::before {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 1.6em;
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link {
  color: #5351CA;
  text-decoration: underline;
  display: inline-block;
}
.technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link:hover {
  text-decoration: none;
}

.technical-ai-wrapper .journal-page .wrap .side .tags {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
  width: 100%;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .title {
  padding: 0 0 14px 0;
  font-family: var(--font-normal);
  font-weight: 400;
  line-height: 1.8em;
  font-size: 22px;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .title::before {
  margin: 0 16px 0 0;
  padding: 0 0 0 0;
  width: 19px;
  height: 20px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_02.webp") no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item {
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link {
  position: relative;
  width: 100%;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  transition: all 0.6s ease-in-out;
  background: none;
  z-index: 0;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 180px;
  padding: 1px;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover {
  background: #5351CA;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link .text {
  padding: 0 10px;
  width: 100%;
  height: 24px;
  line-height: 1.6em;
  font-size: 12px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #5351CA;
/*  background: rgba(255,255,255,0.4);*/
  
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .journal-page .wrap .side .side-bnr {
  margin: 0 0 30px 0;
}



.technical-ai-wrapper .journal-page .wrap .other-journal {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .other-journal::after {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 428px;
  height: 363px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/content_back_03.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -60px;
  right: 50%;
  transform: translate(50vw,0);
  z-index: -1;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.85%;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item {
  margin: 0 0 40px 0;
  width: 31.42%;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .link {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  min-height: 330px;
  display: block;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  display: block;
  border-radius: 7px;
  overflow: hidden;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 198px;
  object-fit: cover;
  display: block;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item a:hover .image img {
  transform: scale(1.1);
}

.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .post {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #686868;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #000;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tags {
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tag {
  margin: 0 13px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .journal-page {
    margin: 0 0 0 0;
    padding: 3.472vw 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .journal-page .wrap {
    margin: 0 auto;
    padding: 0 0 3.819vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 21.667vw;
    height: 39.375vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/content_back_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -3.472vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .wrap .main {
    margin: 0 0 9.722vw 0;
    width: 71.428%;
    max-width: 55.556vw;
  }
  .technical-ai-wrapper .journal-page .wrap .side {
    margin: 0 0 9.722vw 0;
    padding: 6.944vw 0 0 0;
    width: 21.428%;
    max-width: 16.667vw;
    box-sizing: border-box;
  }
  
  
  /* top */
  .technical-ai-wrapper .journal-page .wrap .top-article {
    padding: 2.083vw 0 3.472vw 0;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px dashed #A7B6BE;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .image {
    width: 62.857%;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .image img {
    width: 100%;
    display: block;
	  border-radius: 0.486vw;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info {
    width: 32.678%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .new {
    margin: 0 0 0 0;
    padding: 0 0.833vw;
    width: fit-content;
    height: 1.806vw;
    display: flex;
    align-items: center;
    border-radius: 12.5vw;
    background: #5351CA;
    color: #FFF;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 0.833vw;
    font-style: normal;
    line-height: 1.8em; /* 21.6px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .post {
    margin: 0 0 0 1.389vw;
    padding: 0 0 0 0;
    width: fit-content;
    height: 1.806vw;
    display: flex;
    align-items: center;
    color: #686868;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 0.972vw;
    font-style: normal;
    line-height: 1.6em; /* 21.6px */
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .title {
    padding: 1.389vw 0 1.389vw 0;
    width: 100%;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 1.667vw;
    font-style: normal;
    line-height: 1.7em; /* 21.6px */
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .tags {
    padding: 0 0 2.778vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.972vw;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .tags .tag {
    color: #337DD9;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .link {
    width: 12.292vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list {
    padding: 3.472vw 0 0 0;
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 2.85%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item {
    margin: 0 0 2.778vw 0;
    width: 31.42%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide {
/*    display: none;*/
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide.view {
    margin: 0 0 2.778vw 0;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .link {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    min-height: 11.528vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    border-radius: 0.486vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 10vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .post {
    margin: 0 0 0 0;
    padding: 0 0 0.694vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tag {
    margin: 0 0.903vw 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .list-more {
    margin: 0 auto;
    width: 19.653vw;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies {
    margin: 0 0 0 0;
    padding: 0 0 0.833vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .title {
    padding: 0 0 0.972vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 1.528vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .title::before {
    margin: 0 1.111vw 0 0;
    padding: 0 0 0 0;
    width: 1.25vw;
    height: 1.528vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_03.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .movie-list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item {
    margin: 0 0 1.042vw 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item .link {
    overflow: hidden;
    border-radius: 0.208vw;
    position: relative;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .side .movies .movie-list .movie-list-item .link::before {
    width: 3.472vw;
    height: 3.472vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/play_btn_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list {
    margin: 0 0 0 0;
    padding: 0 0 15vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list {
    margin: 0 -1.389vw;
    padding: 2.083vw 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .slick-slide {
    margin: 0 1.389vw;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image {
    margin: 0 0 0.694vw 0;
    padding: 0 0 0 0;
    overflow: hidden;
    border-radius: 0.278vw;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image::before {
    width: 6.944vw;
    height: 6.944vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/play_btn_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image .img {
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .title {
    line-height: 1.7em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    display: block;
    color: #5351CA;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .news {
    margin: 0 0 0 0;
    padding: 0 0 9.722vw 0;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .journal-page .news::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 28.889vw;
    height: 58.056vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/news_back_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .news .list {
    margin: 0 auto;
    padding: 0.694vw 0 4.167vw 0;
    width: 90%;
    max-width: 77.778vw;
  }
  .technical-ai-wrapper .journal-page .news .item {
    border-bottom: 1px solid #CBD6DC;
  }
  .technical-ai-wrapper .journal-page .news .item.hide {
    display: none;
  }
  .technical-ai-wrapper .journal-page .news .item.view {
    display: block;
  }
  .technical-ai-wrapper .journal-page .news .item .link {
    padding: 1.736vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .news .item .link::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 0.347vw;
    height: 0.694vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .journal-page .news .item .post {
    margin: 0 0 0 0;
    width: 8.333vw;
    height: 2.083vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #686868;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .journal-page .news .item .category {
    margin: 0 0 0 0;
    padding: 0 0.833vw;
    height: 2.083vw;
    color: #fff;
    line-height: 1.8em;
    font-size: 0.833vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    background: #5351CA;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .journal-page .news .item .title {
    margin: 0.972vw 0 0 8.333vw;
    width: calc( 100% - 8.333vw );
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .news .more {
    margin: 0 auto;
    width: 18.056vw;
  }
  
  
  /* main content */
  .technical-ai-wrapper .journal-page .wrap .main .head {

  }
  .technical-ai-wrapper .journal-page .wrap .main .head .post {
    padding: 0 0 1.389vw 0;
    color: #858585;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .title {
    padding: 0 0 2.083vw 0;
    color: #000;
    font-size: 1.944vw;
    font-family: var(--font-bold);
    font-weight: 700;
    line-height: 1.8em; /* 22.4px */
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .tags {
    padding: 0 0 1.319vw 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.972vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .tags .tag {
    color: #337DD9;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .sns-box {
    width: 100%;
    display: flex;
    gap: 0.694vw;
    justify-content: flex-end;
  }
  .technical-ai-wrapper .journal-page .wrap .main .sns-box .sns-item {
    width: 1.667vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .eyecatch-image {
    padding: 2.083vw 0 0 0;
    width: 100%;
  }
		

  .technical-ai-wrapper .journal-page .wrap .main .description {
    margin: 0 0 2.083vw 0;
    padding: 1.944vw 0 0 0;
    width: 100%;
    border-bottom: 1px solid #A7B6BE;
/*    overflow: hidden;*/
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box {
    padding: 0 0 2.778vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box {
    position: relative;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box iframe,
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .section {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
    overflow: hidden;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc {
    margin: 0 0 0 1.2em;
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    list-style: disc;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item {
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a {
    text-decoration: underline;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb18 {
    padding: 0 0 1.25vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb25 {
    padding: 0 0 1.736vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
    line-height: 1.8em;
    font-size: 0.833vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note .link {
    text-decoration: underline;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note .link:hover {
    text-decoration: none;
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .text-bold {
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors {
    margin: 0 0 1.389vw 0;
    padding: 1.042vw 4.167vw 1.042vw 4.167vw;
    width: 100%;
    background: #fff;
    border-radius: 0.278vw;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author {
    margin: 0 0 0 0;
    padding: 1.736vw 0 2.083vw 0;
    width: 100%;
    border-bottom: 1px dashed rgba(203, 214, 220, 1);
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author:last-child {
    border-bottom: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 8.333vw;
    height: 8.333vw;
    border-radius: 12.5vw;
    position: relative;
    overflow: hidden;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image::before {
    width: 8.333vw;
    height: 8.333vw;
    content: "";
    /*background: rgba(99, 168, 224, 0.2);*/
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image .img {
    width: 8.333vw;
    height: 8.333vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile {
    width: 37.014vw;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .name {
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.7em;
    font-size: 1.667vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .eng {
    padding: 0.833vw 0 0 1.736vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    color: #858585;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .job {
    padding: 0.972vw 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    line-height: 1.8em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    color: #858585;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment {
    padding: 1.042vw 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment .paragraph {
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents {
    margin: 0 0 6.944vw 0;
    padding: 3.056vw 3.472vw 2.083vw 3.472vw;
    width: 100%;
    border-radius: 0.278vw;
    background: #F2F5F8;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title {
    padding: 0 0 0.417vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 1.528vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title::before {
    margin: 0 1.111vw 0 0;
    padding: 0 0 0 0;
    width: 1.389vw;
    height: 1.528vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item {
    margin: 0 0 0 0;
    padding: 0 0 0 2.083vw;
    position: relative;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 2.5em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.5em;
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link {
    color: #5351CA;
    text-decoration: underline;
    display: inline-block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link::after {
    margin: 0 0 0 1.042vw;
    padding: 0 0 0 0;
    width: 0.833vw;
    height: 1.042vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head {
    margin: 0 0 2.778vw 0;
    padding: 0 0 2.431vw 0;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head::after {
    width: 100%;
    height: 1.042vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/title_back_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.7em;
    font-size: 1.944vw;
    letter-spacing: 0.2em;
    background: linear-gradient(62deg, #106C83 27.51%, #166DBE 51.6%, #8739D5 75.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image {
    margin: 0 0 0 0;
    padding: 0 0 2.778vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-left-pc {
    margin: 0 2.778vw 0 0;
    padding: 0 0 2.778vw 0;
    width: 50%;
    float: left;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-right-pc {
    margin: 0 0 0 2.778vw;
    padding: 0 0 2.778vw 0;
    width: 50%;
    float: right;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item {
    margin: 0 0 0 0;
    padding: 1.389vw 0 4.167vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-label {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 4.167vw;
    line-height: 2.4em;
    font-size: 0.972vw;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: calc( 100% - 4.167vw );
    line-height: 2.4em;
    font-size: 0.972vw;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item {
    margin: 0 0 0 0;
    padding: 0 0 4.167vw 0;
    width: 100%;
    display: flex;
    align-items: flex-start;

  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item .image {
    margin: 0 2.083vw 0 0;
    padding: 0 0 0 0;
    width: 11.5vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item .voice-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: calc( 100% - 14.583vw );
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list {
    margin: 0 0 0 0;
    padding: 0 0 4.167vw 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image::before {
    width: 6.944vw;
    height: 6.944vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item div.link {
    white-space: nowrap;
    margin-top: 1.389vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .return {
    margin: 4.167vw auto 0;
    padding: 0 0 0 0;
    width: 14.722vw;
  }
  /* main content */
  .technical-ai-wrapper .journal-page .wrap .side .floating-side {
    position: sticky;
    top: 1.944vw;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents {
    margin: 0 0 0 0;
    padding: 0 0 0.833vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title {
    padding: 0 0 0.972vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 1.528vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title::before {
    margin: 0 1.111vw 0 0;
    padding: 0 0 0 0;
    width: 1.389vw;
    height: 1.528vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item {
    margin: 0 0 0.972vw 0;
    padding: 0 0 0.972vw 1.3em;
    position: relative;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    border-bottom: 1px dashed #A7B6BE;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item:last-child {
    border-bottom: none;
  }

  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link {
    color: #5351CA;
    text-decoration: underline;
    display: inline-block;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link:hover {
    text-decoration: none;
  }

  .technical-ai-wrapper .journal-page .wrap .side .tags {
    margin: 0 0 0 0;
    padding: 0 0 0.833vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .title {
    padding: 0 0 0.972vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 1.528vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .title::before {
    margin: 0 1.111vw 0 0;
    padding: 0 0 0 0;
    width: 1.319vw;
    height: 1.389vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_02.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.556vw;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item {
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link {
    position: relative;
    width: 100%;
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    background: none;
    z-index: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12.5vw;
    padding: 0.069vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover {
    background: #5351CA;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link .text {
    padding: 0 0.694vw;
    width: 100%;
    height: 1.667vw;
    line-height: 1.6em;
    font-size: 0.833vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #5351CA;
  /*  background: rgba(255,255,255,0.4);*/

    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .journal-page .wrap .side .side-bnr {
    margin: 0 0 2vw 0;
  }

  .technical-ai-wrapper .journal-page .wrap .other-journal {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 29.722vw;
    height: 25.208vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/content_back_03.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -4.167vw;
    right: 50%;
    transform: translate(50vw,0);
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list {
    margin: 0 0 0 0;
    padding: 2.083vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.85%;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item {
    margin: 0 0 2.778vw 0;
    width: 31.42%;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .link {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    min-height: 22.917vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    border-radius: 0.486vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 13.75vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .post {
    margin: 0 0 0 0;
    padding: 0 0 0.694vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tag {
    margin: 0 0.903vw 0 0;
  }

}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .journal-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .journal-page .wrap {
    margin: 0 auto;
    padding: 22.4vw 0 14.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main {
    margin: 0 0 16vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side {
    margin: 0 0 21.333vw 0;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  /* top */
  .technical-ai-wrapper .journal-page .wrap .top-article {
    padding: 10.667vw 0 13.333vw 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px dashed #A7B6BE;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .image {
    margin: 0 0 4vw 0;
    width: 100%;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .image img {
    width: 100%;
    display: block;
	border-radius: 1.867vw;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .new {
    margin: 0 0 0 0;
    padding: 0 3.2vw;
    width: fit-content;
    height: 6.933vw;
    display: flex;
    align-items: center;
    border-radius: 48vw;
    background: #5351CA;
    color: #FFF;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 3.2vw;
    font-style: normal;
    line-height: 1.8em; /* 21.6px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .post {
    margin: 0 0 0 4vw;
    padding: 0 0 0 0;
    width: fit-content;
    height: 6.933vw;
    display: flex;
    align-items: center;
    color: #686868;
    font-family: var(--font-medium);
    font-weight: 500;
    font-size: 3.2vw;
    font-style: normal;
    line-height: 1.6em; /* 21.6px */
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .title {
    padding: 2.133vw 0 5.333vw 0;
    width: 100%;
    font-family: var(--font-bold);
    font-weight: 700;
    font-size: 4.267vw;
    font-style: normal;
    line-height: 1.7em; /* 21.6px */
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .tags {
    padding: 0 0 8vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.667vw;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .tags .tag {
    color: #337DD9;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .top-article .info .link {
    width: 47.2vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list {
    padding: 13.333vw 0 0 0;
    width: 100%;
    margin: 0 0 0 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item {
    margin: 0 0 8vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide {
/*    display: none;*/
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item.hide.view {
    margin: 0 0 8vw 0;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .link {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    min-height: 0px;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    border-radius: 1.867vw;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 48.533vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .post {
    margin: 0 0 0 0;
    padding: 0 0 1.333vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .journal-list .item .tag {
    margin: 0 3.467vw 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .list-more {
    margin: 0 auto;
    width: 75.467vw;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list {
    margin: 0 0 0 0;
    padding: 0 0 21.333vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list {
    margin: 0 -5.333vw;
    padding: 8vw 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .slick-slide {
    margin: 0 5.333vw;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    overflow: hidden;
    border-radius: 1.067vw;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image::before {
    width: 16vw;
    height: 16vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/play_btn_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .image .img {
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .list .list-item .link .title {
    line-height: 1.7em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    display: block;
    color: #5351CA;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .wrap .journal-movie-list .more {
    margin: 20vw auto 0;
    width: 51.467vw;
  }
  
  
  
  .technical-ai-wrapper .journal-page .news {
    margin: 0 auto;
    padding: 0 0 16vw 0;
    width: 86.667vw;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .journal-page .news::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 61.6vw;
    height: 122.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/news_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -45.333vw;
    right: -6.667vw;
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .news .list {
    margin: 0 auto;
    padding: 2.667vw 0 10.667vw 0;
    width: 100%;
    max-width: 100%;
  }
  .technical-ai-wrapper .journal-page .news .item {
    border-bottom: 1px solid #CBD6DC;
  }
  .technical-ai-wrapper .journal-page .news .item .link {
    padding: 6.667vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .news .item .link::after {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 1.333vw;
    height: 2.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
  }

  .technical-ai-wrapper .journal-page .news .item .post {
    margin: 0 0 0 0;
    width: 27.2vw;
    height: 6.933vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    color: #686868;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .journal-page .news .item .category {
    margin: 0 0 0 0;
    padding: 0 3.2vw;
    height: 6.933vw;
    color: #fff;
    line-height: 1.8em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    background: #5351CA;
    border-radius: 48vw;
    display: flex;
    align-items: center;
  }
  .technical-ai-wrapper .journal-page .news .item .title {
    margin: 3.733vw 0 0 0;
    width: 100%;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .news .more {
    margin: 0 auto;
    width: 69.333vw;
  }


  
  
  /* main content */
  .technical-ai-wrapper .journal-page .wrap .main .head {

  }
  .technical-ai-wrapper .journal-page .wrap .main .head .post {
    padding: 0 0 5.333vw 0;
    color: #858585;
    font-size: 3.733vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .title {
    padding: 0 0 6.4vw 0;
    color: #000;
    font-size: 5.333vw;
    font-family: var(--font-bold);
    font-weight: 700;
    line-height: 1.8em; /* 22.4px */
    letter-spacing: 0.2em;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .tags {
    padding: 0 0 10.667vw 0;
    display: flex;
    flex-wrap: wrap;
    gap: 3.733vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .head .tags .tag {
    color: #337DD9;
    font-size: 3.733vw;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em; /* 22.4px */
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .sns-box {
    width: 100%;
    display: flex;
    gap: 2.667vw;
    justify-content: flex-end;
  }
  .technical-ai-wrapper .journal-page .wrap .main .sns-box .sns-item {
    width: 6.4vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .eyecatch-image {
    padding: 5.333vw 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description {
    margin: 0 0 10.667vw 0;
    padding: 6.667vw 0 0 0;
    width: 100%;
    border-bottom: 1px solid #A7B6BE;
    overflow: visible;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box {
    padding: 0 0 10.667vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box {
    position: relative;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box::before {
    content: "";
    display: block;
    padding-top: 56.25%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box iframe,
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .youtube-box .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-box .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .section {
    margin: 0 0 0 0;
    padding: 0 0 5.333vw 0;
    overflow: visible;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc {
    margin: 0 0 0 1.2em;
    padding: 0 0 10.667vw 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    list-style: disc;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item {
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a {
    text-decoration: underline;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .list-disc .list-item a:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb18 {
    padding: 0 0 4.8vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .paragraph.paragraph--pb25 {
    padding: 0 0 6.667vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    line-height: 1.8em;
    font-size: 3.2vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note .link {
    text-decoration: underline;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .note .link:hover {
    text-decoration: none;
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .text-bold {
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors {
    margin: 0 0 5.333vw 0;
    padding: 8vw 8vw 8vw 8vw;
    width: 100%;
    background: #fff;
    border-radius: 1.067vw;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author {
    margin: 0 0 6.667vw 0;
    padding: 0 0 6.667vw 0;
    width: 100%;
    border-bottom: 1px dashed rgba(203, 214, 220, 1);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 32vw;
    height: 32vw;
    border-radius: 48vw;
    position: relative;
    overflow: hidden;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image::before {
    width: 32vw;
    height: 32vw;
    content: "";
   /* background: rgba(99, 168, 224, 0.2);*/
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .image .img {
    width: 32vw;
    height: 32vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile {
    padding: 4vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .name {
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.7em;
    font-size: 6.4vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .eng {

    padding: 3.2vw 0 0 6.667vw;
    padding: 3.2vw 0 0 0;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    color: #858585;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .profile .job {
    padding: 3.733vw 0 0 0;
    width: 100%;
    line-height: 1.8em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    color: #858585;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment {
    padding: 4vw 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .authors .author .comment .paragraph {
    padding: 0 0 0 0;
    line-height: 2.0em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
  }

  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents {
    margin: 0 0 21.333vw 0;
    padding: 8vw 8vw 8vw 8vw;
    width: 100%;
    border-radius: 1.067vw;
    background: #F2F5F8;
    box-sizing: border-box;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title {
    padding: 0 0 1.6vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 5.867vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .title::before {
    margin: 0 4.267vw 0 0;
    padding: 0 0 0 0;
    width: 5.333vw;
    height: 5.867vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item {
    margin: 0 0 0 0;
    padding: 0 0 2.667vw 8vw;
    position: relative;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 2.0em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.0em;
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link {
    color: #5351CA;
    text-decoration: underline;
    display: inline-block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .table-of-contents .list .list-item .link::after {
    margin: 0 0 0 4vw;
    padding: 0 0 0 0;
    width: 3.2vw;
    height: 4vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head {
    margin: 0 0 10.667vw 0;
    padding: 0 0 9.333vw 0;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head::after {
    width: 100%;
    height: 4vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/title_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .sub-head .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: fit-content;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.7em;
    font-size: 5.333vw;
    letter-spacing: 0.2em;
    background: linear-gradient(62deg, #106C83 27.51%, #166DBE 51.6%, #8739D5 75.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-scroll-sp {
    margin: 0 0 10.667vw 0;
    padding: 0 0 8vw 0;
    width: 93.333vw;
    max-width: 93.333vw;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-scroll-sp .img {
    width: 221.067vw;
    max-width: 221.067vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-left-pc {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    width: 100%;
    float: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .image.image-right-pc {
    margin: 0 0 0 0;
    padding: 0 0 10.667vw 0;
    width: 100%;
    float: none;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item {
    margin: 0 0 0 0;
    padding: 5.333vw 0 10.667vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-label {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 16vw;
    line-height: 2.4em;
    font-size: 3.733vw;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .info-item .info-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: calc( 100% - 16vw );
    line-height: 2.4em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item .image {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    width: 35vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item .image img {
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .voice-item .voice-detail {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  
  
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list {
    margin: 0 0 0 0;
    padding: 0 0 5vw 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image::before {
    width: 26.667vw;
    height: 26.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/play_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: 0 0 0 0;
    z-index: 2;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image::after {
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item .link .image .img {
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .main .description .movie-list .list-item div.link {
    white-space: nowrap;
    margin-top: 5.333vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .return {
    margin: 16vw auto 0;
    padding: 0 0 0 0;
    width: 56.533vw;
  }
  .technical-ai-wrapper .journal-page .wrap .main .two-column-box {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .main .two-column-box .image {
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .two-column-box .box {
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .main .two-column-box .box .return {
    margin: 0 0 0 0;
  }

  /* main content */
  .technical-ai-wrapper .journal-page .wrap .side .floating-side {
    position: sticky;
    top: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents {
    margin: 0 0 0 0;
    padding: 0 0 3.2vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title {
    padding: 0 0 3.733vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 5.867vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .title::before {
    margin: 0 4.267vw 0 0;
    padding: 0 0 0 0;
    width: 5.333vw;
    height: 5.867vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item {
    margin: 0 0 3.733vw 0;
    padding: 0 0 3.733vw 1.3em;
    position: relative;
    font-family: var(--font-medium);
    font-weight: 500;
    line-height: 1.6em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    border-bottom: 1px dashed #A7B6BE;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item:last-child {
    border-bottom: none;
  }

  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item::before {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 1.6em;
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link {
    color: #5351CA;
    text-decoration: underline;
    display: inline-block;
  }
  .technical-ai-wrapper .journal-page .wrap .side .table-of-contents .list .list-item .link:hover {
    text-decoration: none;
  }

  .technical-ai-wrapper .journal-page .wrap .side .tags {
    margin: 0 0 0 0;
    padding: 0 0 3.2vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .title {
    padding: 0 0 3.733vw 0;
    font-family: var(--font-normal);
    font-weight: 400;
    line-height: 1.8em;
    font-size: 5.867vw;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .title::before {
    margin: 0 4.267vw 0 0;
    padding: 0 0 0 0;
    width: 5.067vw;
    height: 5.333vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/journal/icon_02.webp") no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.133vw;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item {
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link {
    position: relative;
    width: 100%;
    border-radius: 48vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    background: none;
    z-index: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 48vw;
    padding: 0.267vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover {
    background: #5351CA;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link .text {
    padding: 0 2.667vw;
    width: 100%;
    height: 6.4vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #5351CA;
  /*  background: rgba(255,255,255,0.4);*/

    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .journal-page .wrap .side .tags .tag-list .tag-list-item .link:hover .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .journal-page .wrap .side .side-bnr {
    margin: 0 0 8.0vw 0;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list {
    margin: 0 0 0 0;
    padding: 8vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item {
    margin: 0 0 8vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .link {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    min-height: 0px;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image {
    margin: 0 0 5.333vw 0;
    padding: 0 0 0 0;
    display: block;
    border-radius: 1.867vw;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 52.8vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .post {
    margin: 0 0 0 0;
    padding: 0 0 2.667vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .journal-page .wrap .other-journal .list .item .tag {
    margin: 0 3.467vw 0 0;
  }

}







/* team page */
.technical-ai-wrapper .team-page {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .team-page .top-movie {
  width: 100%;
  max-height: 750px;
  overflow: hidden;
  position: relative;
}
.technical-ai-wrapper .team-page .top-movie .movie-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.technical-ai-wrapper .team-page .top-movie .movie-box::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.technical-ai-wrapper .team-page .top-movie video {
  width: 100%;
  height: auto;
  display: block;
}
.technical-ai-wrapper .team-page .top-movie .box {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 176px;
  left: 0;
  z-index: 1;
}
.technical-ai-wrapper .team-page .top-movie .box .title {
  margin: 0 auto 88px;
  width: 100%;
  max-width: 1188px;
}
.technical-ai-wrapper .team-page .top-movie .box .title .text {
  display: block;
  color: #fff;
  text-align: center;
  line-height: 1.6em;
  letter-spacing: 0.2em;
  font-size: 32px;
  font-family: var(--font-bold);
  font-weight: 700;
}
.technical-ai-wrapper .team-page .top-movie .box .description {
}
.technical-ai-wrapper .team-page .top-movie .box .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.2em;
  font-size: 18px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #fff;
}
.technical-ai-wrapper .team-page .intro {
  margin: 0 auto;
  padding: 100px 0 74px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .team-page .intro .desctiption {
  padding: 30px 0 0 0;
  width: 38.928%;
}
.technical-ai-wrapper .team-page .intro .desctiption .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .team-page .intro .image {
  margin: 30px -7.767% 0 0;
  width: 58.75%;
}
.technical-ai-wrapper .team-page .member-introduction {
  margin: 0 auto;
  padding: 0 0 140px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .team-page .member-introduction::after {
  width: 740px;
  height: 1000px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_01.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: -415px;
  left: 50%;
  transform: translate(-50vw,0);
  z-index: -1;
}

.technical-ai-wrapper .team-page .member-introduction .desctiption {
  padding: 30px 0 50px 0;
}
.technical-ai-wrapper .team-page .member-introduction .desctiption .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: right;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list {
  padding: 0 0 60px 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag {
  position: relative;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn {
  padding: 1px;
  position: relative;
  width: 100%;
  border-radius: 180px;
  display: block;
  box-sizing: border-box;
  transition: all 0.6s ease-in-out;
  background: none;
  z-index: 0;
  cursor: pointer;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 180px;
  padding: 1px;
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  transition: all 0.6s ease-in-out;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn::before {
  background: #5351CA;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active::before {
  background: #5351CA;
}

.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn .text {
  padding: 0 14px;
  width: 100%;
  height: 30px;
  line-height: 1.6em;
  font-size: 15px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #686868;
/*  background: rgba(255,255,255,0.4);*/
  background: #E6EAED;
  border-radius: 180px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active .text {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.btn--disabled {
  pointer-events: none;
  opacity: 0.35;
  cursor: default;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled::before {
  background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled .text {
  color: #686868;
  background: #E6EAED;
}
.technical-ai-wrapper .team-page .member-introduction .member-list {
  padding: 0 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 4.73%;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member {
  padding: 0 0 43px 0;
  width: 21.428%;
  display: none;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member.selected {
  display: block;
}

.technical-ai-wrapper .team-page .member-introduction .member-list .member .link {
  margin: 0 0 8px 0;
  width: 100%;
  display: block;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image {
  margin: 0 0 16px 0;
  overflow: hidden;
  border-radius: 180px;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image .img {
  width: 240px;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .link:hover .image .img {
  transform: scale(1.1);
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .link .name {
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-family: var(--font-bold);
  /*font-weight: 700;*/
  display: block;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .tags {
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.technical-ai-wrapper .team-page .member-introduction .member-list .member .tag {
  margin: 0 6px 4px 6px;
  display: inline-block;
}
.technical-ai-wrapper .team-page .member-introduction .more {
  margin: 17px auto 0;
  width: 260px;
}
.technical-ai-wrapper .team-page .member-introduction .more.hide {
  display: none;
}
.technical-ai-wrapper .team-page .overview {
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .team-page .overview::after {
  width: 533px;
  height: 525px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 5px;
  left: 0;
  z-index: -1;
}
.technical-ai-wrapper .team-page .overview .overview-menu {
  padding: 25px 0 72px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.technical-ai-wrapper .team-page .overview .overview-menu .item {
  width: 155px;
}
.technical-ai-wrapper .team-page .overview .overview-menu .item .link {
  padding: 0 30px;
  width: 100%;
  height: 46px;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 0.2em;
  color: #5351CA;
  font-family: var(--font-normal);
  font-weight: 400;
  background: #fff;
  border-radius: 180px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative;
  transition: all 0.6s ease-in-out;
}
.technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover {
  color: #fff;
  background: #5351CA;
}
.technical-ai-wrapper .team-page .overview .overview-menu .item .link::after {
  width: 8px;
  height: 13px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_03.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 27px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_05.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .team-page .overview .section {
  margin: 0 0 0 0;
  width: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

.technical-ai-wrapper .team-page .overview .section.section--num01 {
  margin: 0 0 114px 0;
}
.technical-ai-wrapper .team-page .overview .section.section--num02 {
  margin: 0 0 127px 0;
  flex-direction: row;
}
.technical-ai-wrapper .team-page .overview .section.section--num03 {
  margin: 0 0 103px 0;
}
.technical-ai-wrapper .team-page .overview .section.section--num04 {
  margin: 0 0 224px 0;
  flex-direction: row;
}
.technical-ai-wrapper .team-page .overview .section.section--num01::after {
  width: 1241px;
  height: 2256px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_03.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 185px;
  left: 50%;
  z-index: -1;
  transform: translate(-730px,0);
}
.technical-ai-wrapper .team-page .overview .section.section--num04::after {
  width: 943px;
  height: 895px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_04.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  bottom: -540px;
  left: 50%;
  z-index: -1;
  transform: translate(-110px,0);
}

.technical-ai-wrapper .team-page .overview .section .side {

}
.technical-ai-wrapper .team-page .overview .section .side.side--text {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--text {
  align-items: flex-end;
}
.technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--text {
  align-items: flex-end;
}

.technical-ai-wrapper .team-page .overview .section .side.side--text .box {
  width: 560px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption {
  padding: 20px 0 25px 0;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box {
  width: 100%;
  display: flex;
  gap: 15px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box .link {
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size01 {
  width: 300px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size02 {
  width: 259px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size03 {
  width: 277px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size04 {
  width: 156px;
}

.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list {
  padding: 0 0 0 0;
  width: 100%;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item {
  padding: 0 0 0 0;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link {
  margin: 0 32px 10px 0;
  padding: 0 0 0 0;
  width: 285px;
  display: block;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image {
  margin: 0 0 15px 0;
  width: 100%;
  display: block;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image .img {
  width: 100%;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .name {
  line-height: 1.7em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-bold);
  font-weight: 700;
  display: block;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .paragraph {
  width: 285px;
  line-height: 1.7em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
  padding: 0 0 0 0;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box {
  padding: 15px 0 0 0;
  width: 285px;
}
.technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box .link {
  width: 156px;
}


.technical-ai-wrapper .team-page .overview .section .side.side--image {
  width: 600px;
  width: 41.66%;
}
.technical-ai-wrapper .team-page .overview .section .side.side--image .img {
  width: 100%;
  max-width: 600px;
  display: block;
  border-radius: 4px;
}
.technical-ai-wrapper .team-page .overview .section.section--num01 .side.side--image {
  display: flex;
  justify-content: flex-end;
}
.technical-ai-wrapper .team-page .overview .section.section--num01 .side.side--image .img {
  margin: 36px 0 0 0;
}
.technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--image .img {
}
.technical-ai-wrapper .team-page .overview .section.section--num03 .side.side--image {
  display: flex;
  justify-content: flex-end;
}
.technical-ai-wrapper .team-page .overview .section.section--num03 .side.side--image .img {
  margin: 94px 0 0 0;
}
.technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--image .img {
  margin: 36px 0 0 0;
}

.technical-ai-wrapper .team-page .journal {
  margin: 0 auto;
  padding: 0 0 116px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .team-page .journal .list {
  margin: 0 0 0 0;
  padding: 30px 0 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2.85%;
}
.technical-ai-wrapper .team-page .journal .item {
  margin: 0 0 40px 0;
  width: 31.42%;
}
.technical-ai-wrapper .team-page .journal .item .link {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  min-height: 330px;
  display: block;
}
.technical-ai-wrapper .team-page .journal .item .image {
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  display: block;
  border-radius: 7px;
  overflow: hidden;
}
.technical-ai-wrapper .team-page .journal .item .image img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 198px;
  object-fit: cover;
  display: block;
  transition: all 0.4s 0s ease;
}
.technical-ai-wrapper .team-page .journal .item a:hover .image img {
  transform: scale(1.1);
}

.technical-ai-wrapper .team-page .journal .item .post {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #686868;
}
.technical-ai-wrapper .team-page .journal .item .title {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: block;
  line-height: 1.7em;
  font-size: 16px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #000;
}
.technical-ai-wrapper .team-page .journal .item .tags {
  color: #337DD9;
  line-height: 1.6em;
  font-size: 13px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  flex-wrap: wrap;
}
.technical-ai-wrapper .team-page .journal .item .tag {
  margin: 0 13px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .team-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .top-movie {
    width: 100%;
    max-height: 52.083vw;
    overflow: hidden;
    position: relative;
  }
  .technical-ai-wrapper .team-page .top-movie video {
    width: 100%;
    height: auto;
  }
  .technical-ai-wrapper .team-page .top-movie .box {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 12.222vw;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .top-movie .box .title {
    margin: 0 auto 6.111vw;
    width: 100%;
    max-width: 82.5vw;
  }
  .technical-ai-wrapper .team-page .top-movie .box .title .text {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.2em;
    font-size: 2.222vw;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .team-page .top-movie .box .description {
  }
  .technical-ai-wrapper .team-page .top-movie .box .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 1.25vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .technical-ai-wrapper .team-page .intro {
    margin: 0 auto;
    padding: 6.944vw 0 5.139vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .intro .desctiption {
    padding: 2.083vw 0 0 0;
    width: 38.928%;
  }
  .technical-ai-wrapper .team-page .intro .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .team-page .intro .image {
    margin: 2.083vw -7.767% 0 0;
    width: 58.75%;
  }
  .technical-ai-wrapper .team-page .member-introduction {
    margin: 0 auto;
    padding: 0 0 9.722vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .member-introduction::after {
    width: 51.389vw;
    height: 69.444vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_01.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -28.819vw;
    left: 50%;
    transform: translate(-50vw,0);
    z-index: -1;
  }

  .technical-ai-wrapper .team-page .member-introduction .desctiption {
    padding: 2.083vw 0 3.472vw 0;
  }
  .technical-ai-wrapper .team-page .member-introduction .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    text-align: right;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list {
    padding: 0 0 4.167vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.694vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag {
    position: relative;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn {
    padding: 0.069vw;
    position: relative;
    width: 100%;
    border-radius: 12.5vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    background: none;
    z-index: 0;
    cursor: pointer;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12.5vw;
    padding: 0.069vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn::before {
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active::before {
    background: #5351CA;
  }

  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn .text {
    padding: 0 0.972vw;
    width: 100%;
    height: 2.083vw;
    line-height: 1.6em;
    font-size: 1.042vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #686868;
  /*  background: rgba(255,255,255,0.4);*/
    background: #E6EAED;
    border-radius: 12.5vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.btn--disabled {
    pointer-events: none;
    opacity: 0.35;
    cursor: default;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled::before {
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled .text {
    color: #686868;
    background: #E6EAED;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list {
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 4.73%;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member {
    padding: 0 0 2.986vw 0;
    width: 21.428%;
    display: none;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member.selected {
    display: block;
  }

  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link {
    margin: 0 0 0.556vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image {
    margin: 0 0 1.111vw 0;
    overflow: hidden;
    border-radius: 12.5vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image .img {
    width: 16.667vw;
    height: 16.667vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .name {
    width: 100%;
    text-align: center;
    font-size: 1.667vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    /*font-weight: 700;*/
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .tag {
    margin: 0 0.417vw 0.278vw 0.417vw;
    display: inline-block;
  }
  .technical-ai-wrapper .team-page .member-introduction .more {

    margin: 1.181vw auto 0;
    width: 18.056vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .more.hide {
    display: none;
  }
  .technical-ai-wrapper .team-page .overview {
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .overview::after {
    width: 37.014vw;
    height: 36.458vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0.347vw;
    left: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu {
    padding: 1.736vw 0 5vw 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0.694vw;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item {
    width: 10.764vw;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link {
    padding: 0 2.083vw;
    width: 100%;
    height: 3.194vw;
    line-height: 1.6em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    color: #5351CA;
    font-family: var(--font-normal);
    font-weight: 400;
    background: #fff;
    border-radius: 12.5vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link::after {
    width: 0.556vw;
    height: 0.903vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_03.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 1.875vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_05.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .team-page .overview .section {
    margin: 0 0 0 0;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .technical-ai-wrapper .team-page .overview .section.section--num01 {
    margin: 0 0 7.917vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 {
    margin: 0 0 8.819vw 0;
    flex-direction: row;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num03 {
    margin: 0 0 7.153vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 {
    margin: 0 0 15.556vw 0;
    flex-direction: row;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num01::after {
    width: 86.181vw;
    height: 156.667vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_03.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 12.847vw;
    left: 50%;
    z-index: -1;
    transform: translate(-50.694vw,0);
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04::after {
    width: 65.486vw;
    height: 62.153vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_04.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    bottom: -37.5vw;
    left: 50%;
    z-index: -1;
    transform: translate(-7.639vw,0);
  }

  .technical-ai-wrapper .team-page .overview .section .side {

  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text {
    width: 50%;
    display: flex;
    flex-direction: column;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--text {
    align-items: flex-end;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--text {
    align-items: flex-end;
  }

  .technical-ai-wrapper .team-page .overview .section .side.side--text .box {
    width: 38.889vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption {
    padding: 1.389vw 0 1.736vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box {
    width: 100%;
    display: flex;
    gap: 1.042vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box .link {
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size01 {
    width: 20.833vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size02 {
    width: 17.986vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size03 {
    width: 19.236vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size04 {
    width: 10.833vw;
  }

  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list {
    padding: 0 0 0 0;
    width: 100%;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item {
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link {
    margin: 0 2.222vw 0.694vw 0;
    padding: 0 0 0 0;
    width: 19.792vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image {
    margin: 0 0 1.042vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image .img {
    width: 100%;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .name {
    line-height: 1.7em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    font-weight: 700;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .paragraph {
    width: 19.792vw;
    line-height: 1.7em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box {
    padding: 1.042vw 0 0 0;
    width: 19.792vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box .link {
    width: 10.833vw;
  }


  .technical-ai-wrapper .team-page .overview .section .side.side--image {
    width: 41.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--image .img {
    width: 100%;
    display: block;
    border-radius: 0.278vw;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num01 .side.side--image .img {
    margin: 2.5vw 0 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--image .img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num03 .side.side--image .img {
    margin: 6.528vw 0 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--image .img {
    margin: 2.5vw 0 0 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .technical-ai-wrapper .team-page .journal {
    margin: 0 auto;
    padding: 0 0 8.056vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .journal .list {
    margin: 0 0 0 0;
    padding: 2.083vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.85%;
  }
  .technical-ai-wrapper .team-page .journal .item {
    margin: 0 0 2.778vw 0;
    width: 31.42%;
  }
  .technical-ai-wrapper .team-page .journal .item .link {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    min-height: 22.917vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .journal .item .image {
    margin: 0 0 1.389vw 0;
    padding: 0 0 0 0;
    border-radius: 0.486vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .journal .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 13.75vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .team-page .journal .item .post {
    margin: 0 0 0 0;
    padding: 0 0 0.694vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 0.972vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  .technical-ai-wrapper .team-page .journal .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 1.111vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .team-page .journal .item .tags {
    line-height: 1.6em;
    font-size: 0.903vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .team-page .journal .item .tag {
    margin: 0 0.903vw 0 0;
  }
  
  
}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .team-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .top-movie {
    width: 100%;
    max-height: none;
    overflow: hidden;
    position: relative;
  }
  .technical-ai-wrapper .team-page .top-movie video {
    width: 100%;
    height: auto;
  }
  .technical-ai-wrapper .team-page .top-movie .box {
    width: 100%;
    text-align: center;
    position: relative;
    top: auto;
    left: auto;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .top-movie .box .title {
    margin: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    position: relative;
  }
  .technical-ai-wrapper .team-page .top-movie .box .title .img {
    width: 80vw;
    position: absolute;
    top: -26.667vw;
    left: 50%;
    transform: translate(-50%,0);
  }
  .technical-ai-wrapper .team-page .top-movie .box .title .text {
    display: block;
    color: #000;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 0.2em;
    font-size: 5.333vw;
    font-family: var(--font-bold);
    font-weight: 700;
    padding: 8vw 0 4vw 0;
  }
  .technical-ai-wrapper .team-page .top-movie .box .description {
  }
  .technical-ai-wrapper .team-page .top-movie .box .description .paragraph {
    margin: 0 auto;
    padding: 0 0 13.333vw 0;
    width: 86.667vw;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #000;
    text-align: left;
  }
  .technical-ai-wrapper .team-page .intro {
    margin: 0 auto;
    padding: 0 0 26.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .intro .c-base-head {
    width: 89.333vw;
    order: 1;
  }
  .technical-ai-wrapper .team-page .intro .desctiption {
    padding: 0 0 0 0;
    width: 100%;
    order: 3;
    display: flex;
    flex-direction: column;
  }
  .technical-ai-wrapper .team-page .intro .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .team-page .intro .image {
    margin: 5.067vw -6.667vw 0 -6.667vw;
    width: 100vw;
    display: flex;
    order: 2;
  }
  .technical-ai-wrapper .team-page .member-introduction {
    margin: 0 auto;
    padding: 0 0 26.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .member-introduction::after {
    width: 100vw;
    height: 169.867vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_01-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -56vw;
    left: -6.667vw;
    transform: translate(0,0);
    z-index: -1;
  }
  .technical-ai-wrapper .team-page .member-introduction .c-base-head {
    width: 89.333vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .desctiption {
    padding: 4vw 0 13.333vw 0;
  }
  .technical-ai-wrapper .team-page .member-introduction .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    text-align: left;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list {
    padding: 0 0 6.133vw 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.133vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag {
    margin: 0 0 1.067vw 0;
    position: relative;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn {
    padding: 0.267vw;
    position: relative;
    width: 100%;
    border-radius: 48vw;
    display: block;
    box-sizing: border-box;
    transition: all 0.6s ease-in-out;
    background: none;
    z-index: 0;
    cursor: pointer;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 48vw;
    padding: 0.267vw;
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn::before {
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active::before {
    background: #5351CA;
  }

  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn .text {
    padding: 0 4.267vw;
    width: 100%;
    height: 7.2vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #686868;
  /*  background: rgba(255,255,255,0.4);*/
    background: #E6EAED;
    border-radius: 48vw;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.active .text {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag .btn.btn--disabled {
    pointer-events: none;
    opacity: 0.35;
    cursor: default;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled::before {
    background: linear-gradient(45deg, #1DD8E5 0%, #2F95F4 50%, #8E3DFF 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-tag-list .tag:hover .btn.btn--disabled .text {
    color: #686868;
    background: #E6EAED;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list {
    padding: 0 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.333vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member {
    padding: 0 0 5.333vw 0;
    width: 42.667vw;
    display: none;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member.selected {
    display: block;
  }

  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link {
    margin: 0 0 2.133vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image {
    margin: 0 auto 1.6vw auto;
    width: 38.667vw;
    overflow: hidden;
    border-radius: 48vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .image .img {
    width: 38.667vw;
    height: 38.667vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .link .name {
    width: 100%;
    text-align: center;
    font-size: 3.733vw;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    /*font-weight: 700;*/
    display: block;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .technical-ai-wrapper .team-page .member-introduction .member-list .member .tag {
    margin: 0 1.067vw 1.067vw 1.067vw;
    display: inline-block;
  }
  .technical-ai-wrapper .team-page .member-introduction .more {
    margin: 4.533vw auto 0;
    width: 70.667vw;
  }
  .technical-ai-wrapper .team-page .member-introduction .more.hide {
    display: none;
  }
  .technical-ai-wrapper .team-page .overview {
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .overview::after {
    width: 100vw;
    height: 94.4vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_02-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 25.333vw;
    left: auto;
    right: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .team-page .overview .c-base-head {
    margin-left: 6.667vw;
    width: 93.333vw;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu-wrap {
    margin: 0 0 10.667vw 0;
    width: 100%;
    -webkit-overflow-scrolling:touch;
    overflow: auto;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu {
    margin: 0 0 0 0;
    padding: 5.333vw 0 2.667vw 6.667vw;
    width: 138.667vw;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    gap: 2.667vw;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item {
    width: auto;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link {
    padding: 0 16vw 0 8vw;
    width: auto;
    white-space: nowrap;
    height: 11.467vw;
    line-height: 1.6em;
    font-size: 3.2vw;
    letter-spacing: 0.2em;
    color: #5351CA;
    font-family: var(--font-normal);
    font-weight: 400;
    background: #fff;
    border-radius: 48vw;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.6s ease-in-out;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover {
    color: #fff;
    background: #5351CA;
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link::after {
    width: 2.133vw;
    height: 3.467vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_03.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right: 7.2vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .team-page .overview .overview-menu .item .link:hover::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/arrow_05.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .team-page .overview .section {
    margin: 0 0 0 0;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
  }

  .technical-ai-wrapper .team-page .overview .section.section--num01 {
    margin: 0 0 16vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 {
    margin: 0 0 16vw 0;
    flex-direction: column-reverse;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num03 {
    margin: 0 0 16vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 {
    margin: 0 0 16vw 0;
    flex-direction: column-reverse;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num01::after {
    width: 100vw;
    height: 497.333vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/team/content_back_03-sp.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 272vw;
    left: 0;
    z-index: -1;
    transform: translate(0,0);
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04::after {
    display: none;
  }

  .technical-ai-wrapper .team-page .overview .section .side {

  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text {
    width: 86.667vw;
    display: flex;
    flex-direction: column;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--text {
    align-items: flex-start;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--text {
    align-items: flex-start;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .c-base-head {
    margin: 0 0 0 0;
    width: 86.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box {
    margin: 0 6.667vw;
    width: 86.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption {
    padding: 2.667vw 0 9.333vw 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .box .link-box .link {
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size01 {
    width: 80vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size02 {
    margin: 0 0 4vw 0;
    width: 69.067vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size03 {
    width: 73.867vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .link.link--size04 {
    width: 41.6vw;
  }

  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list {
    margin: 0 0 16vw 0;
    padding: 0 0 0 0;
    width: 100vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item {
    padding: 0 0 0 0;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link {
    margin: 0 2.667vw 2.667vw 6.667vw;
    padding: 0 0 0 0;
    width: 68.267vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image {
    margin: 0 0 4vw 0;
    width: 100%;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .image .img {
    width: 100%;
    border-radius: 1.067vw;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link .name {
    line-height: 1.7em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    font-weight: 700;
    display: block;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .paragraph {
    width: 68.267vw;
    line-height: 1.7em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 2.667vw 0 6.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box {
    margin: 0 2.667vw 0 6.667vw;
    padding: 4vw 0 0 0;
    width: 68.267vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--text .activity-list .item .link-box .link {
    width: 41.6vw;
  }


  .technical-ai-wrapper .team-page .overview .section .side.side--image {
    margin: 0 0 8vw 0;
    width: 93.333vw;
  }
  .technical-ai-wrapper .team-page .overview .section .side.side--image .img {
    width: 100%;
    max-width: 93.333vw;
    display: block;
    border-radius: 1.067vw;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num01 .side.side--image {
    display: flex;
    justify-content: flex-end;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num01 .side.side--image .img {
    margin: 0 0 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--image {
    margin: 0 0 8vw 6.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num02 .side.side--image .img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num03 .side.side--image {
    display: flex;
    justify-content: flex-end;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num03 .side.side--image .img {
    margin: 0 0 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--image {
    margin: 0 0 8vw 6.667vw;
  }
  .technical-ai-wrapper .team-page .overview .section.section--num04 .side.side--image .img {
    margin: 0 0 0 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .technical-ai-wrapper .team-page .journal {
    margin: 0 auto;
    padding: 0 0 26.667vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .team-page .journal .list {
    margin: 0 0 0 0;
    padding: 8vw 0 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
  .technical-ai-wrapper .team-page .journal .item {
    margin: 0 0 8vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .team-page .journal .item .link {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    min-height: 0px;
    display: block;
  }
  .technical-ai-wrapper .team-page .journal .item .image {
    margin: 0 0 4vw 0;
    padding: 0 0 0 0;
    display: block;
    border-radius: 1.867vw;
  }
  .technical-ai-wrapper .team-page .journal .item .image img {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 48.533vw;
    object-fit: cover;
    display: block;
  }
  .technical-ai-wrapper .team-page .journal .item .post {
    margin: 0 0 0 0;
    padding: 0 0 1.333vw 0;
    display: block;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #686868;
  }
  .technical-ai-wrapper .team-page .journal .item .title {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: block;
    line-height: 1.7em;
    font-size: 4.267vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .team-page .journal .item .tags {
    color: #337DD9;
    line-height: 1.6em;
    font-size: 3.2vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.1em;
    display: flex;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .team-page .journal .item .tag {
    margin: 0 3.467vw 0 0;
  }
  .technical-ai-wrapper .team-page .journal .link-bottom {
    width: 56.533vw;
  }
}
















/* workplace page */
.technical-ai-wrapper .workplace-page {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .top-movie {
  width: 100%;
  max-height: 750px;
  overflow: hidden;
  position: relative;
}
.technical-ai-wrapper .workplace-page .top-movie .movie-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.technical-ai-wrapper .workplace-page .top-movie .movie-box::after {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0,0,0,0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.technical-ai-wrapper .workplace-page .top-movie video {
  width: 100%;
  height: auto;
  display: block;
}

.technical-ai-wrapper .workplace-page .top-movie .logo {
  width: 368px;
  text-align: left;
  position: absolute;
  bottom: 59px;
  right: 54px;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .top-movie .box {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 58px;
  left: 70px;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .top-movie .box .title {
  margin: 0 0 23px 0;
}
.technical-ai-wrapper .workplace-page .top-movie .box .title .img {
  display: inline-block;
  width: 164px;
  vertical-align: bottom;
}
.technical-ai-wrapper .workplace-page .top-movie .box .title .text {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  line-height: 1.7em;
  letter-spacing: 0.2em;
  font-size: 32px;
  font-family: var(--font-bold);
  font-weight: 700;
  margin: 0 0 -10px 0;
}
.technical-ai-wrapper .workplace-page .top-movie .box .description {
}
.technical-ai-wrapper .workplace-page .top-movie .box .description .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.2em;
  font-size: 18px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  color: #fff;
}
.technical-ai-wrapper .workplace-page .intro {
  margin: 0 auto;
  padding: 100px 0 40px 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .intro .desctiption {
  padding: 20px 0 0 0;
}
.technical-ai-wrapper .workplace-page .intro .desctiption .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  max-width: 703px;
  line-height: 2.6em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .workplace-page .intro .image {
  width: 35%;
  max-width: 392px;
  position: absolute;
  top: 30px;
  right: -11.16%;
}
.technical-ai-wrapper .workplace-page .abw {
  margin: 0 auto 103px;
  padding: 50px 393px 50px 60px;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
}
.technical-ai-wrapper .workplace-page .abw .title {
  margin: 0 0 22px 0;
  padding: 0 0 0 0;
  width: fit-content;
  line-height: 1.7em;
  font-size: 24px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
  background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);
	
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
}
.technical-ai-wrapper .workplace-page .abw .paragraph {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .workplace-page .abw .movie-link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 416px;
  position: absolute;
  top: -105px;
  right: -46px;
}
.technical-ai-wrapper .workplace-page .abw .movie-link .link {
  width: 100%;
  display: block;
  position: relative;
}
.technical-ai-wrapper .workplace-page .abw .movie-link .link::before {
  width: 100%;
  height: 100%;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/movie_image_02.webp") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s 0s ease-in-out;
  opacity: 0;
}
.technical-ai-wrapper .workplace-page .abw .movie-link .link:hover::before {
  opacity: 1;
}
.technical-ai-wrapper .workplace-page .office-photo-box-wrap {
  margin: 0 0 141px 0;
  width: 100%;
  position: relative;
  z-index: 5;
}
.technical-ai-wrapper .workplace-page .office-photo-box-wrap::after {
  width: 682px;
  height: 908px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/content_back_02.webp") no-repeat -170px center;
  background-size: 100% 100%;
  position: absolute;
  top: -680px;
  left: 0;
  z-index: -1;
}
.technical-ai-wrapper .workplace-page .office-photo-box {
  width: 100%;
  overflow: hidden;
}
.technical-ai-wrapper .workplace-page .office-photo-box .slider-track {
  display: flex;
  width: max-content;
}
.technical-ai-wrapper .workplace-page .office-photo-box .slider-wrap {
  display: flex;
}
.technical-ai-wrapper .workplace-page .office-photo-box .slider-item {
  height: 757px;
  flex-shrink: 0;
}
.technical-ai-wrapper .workplace-page .office-photo-box .img {
  height: 100%;
  width: auto;
  display: block;
}

.technical-ai-wrapper .workplace-page .floor-guide {
  width: 100%;
  position: relative;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .floor-guide::after {
  width: 988px;
  height: 1019px;
  content: "";
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/content_back_01.webp") no-repeat 400px center;
  background-size: 100% 100%;
  position: absolute;
  top: -415px;
  right: 0;
  z-index: -1;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu {
  margin: 30px auto 80px;
  width: 90%;
  max-width: 1120px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 170px;
  height: 120px;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link {
  padding: 15px 0 0 0;
  width: 170px;
  height: 120px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  display: block;
  transition: all 0.3s 0s ease-in-out;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link:hover {
  opacity: 0.35;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num01 .img {
  margin: auto;
  width: 27px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num02 .img {
  margin: auto;
  width: 27px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num03 .img {
  margin: auto;
  width: 30px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num04 .img {
  margin: auto;
  width: 20px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num05 .img {
  margin: auto;
  width: 27px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num06 .img {
  margin: auto;
  width: 28px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .text {
  width: 100%;
  line-height: 1.4em;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: var(--font-bold);
  font-weight: 700;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num01 .link .text {
  color: #9F1994;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num02 .link .text {
  color: #268FD0;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num03 .link .text {
  color: #F99D42;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num04 .link .text {
  color: #F7C662;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num05 .link .text {
  color: #00943C;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num06 .link .text {
  color: #FF0F92;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .flow {
  margin: 23px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .flow .left {
  line-height: 1.7em;
  font-size: 20px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .flow .right {
  line-height: 1.7em;
  font-size: 20px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line {
  width: 984px;
}
.technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line .img {
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .body {
  margin: 0 0 140px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side {
  width: 16.66%;
  display: flex;
  justify-content: flex-end;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu {
  width: 240px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list {
  margin: 0 0 0 0;
  padding: 15px 0 15px 0;
  width: 100%;
  background: #fff;
  position: sticky;
  top: 40px;
  border-radius: 4px;
  display: block;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item {
  margin: 10px 0 0 0;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link {
  margin: 0 0 0 0;
  padding: 5px 0 5px 30px;
  display: block;
  color: #5351CA;
  line-height: 2.5em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-medium);
  font-weight: 500;
  position: relative;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link::after {
  width: 8px;
  height: 13px;
  content: "";
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translate(0,-50%);
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon01 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_01.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon02 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon03 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_03.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon04 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_04.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon05 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_05.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon06 .link::after {
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_06.webp") no-repeat center center;
  background-size: 100% 100%;
}

.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link {
  transition: all 0.3s 0s ease-in-out;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link:hover {
  opacity: 0.35;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link.current {
  opacity: 0.35;
}




.technical-ai-wrapper .workplace-page .floor-guide .body .main {
  width: 75%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section {
  padding: 0 0 100px 0;
  width: 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section:last-child {
  padding: 0 0 0 0;
}

.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image {
  margin: 0 0 30px 0;
  width: 100%;
  max-width: 1080px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image .img {
  width: 100%;
  border-radius: 5px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head {
  margin: 0 0 20px 0;
  width: 100%;
  max-width: 920px;
  text-align: left;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng {
  padding: 5px 0 12px 48px;
  line-height: 1.4em;
  font-size: 14px;
  font-family: var(--font-bold);
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01 {
  color: #9F1994;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02 {
  color: #268FD0;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03 {
  color: #F99D42;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04 {
  color: #F7C662;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05 {
  color: #00943C;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06 {
  color: #FF0F92;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01::before {
  width: 27px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_01.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02::before {
  width: 27px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_02.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03::before {
  width: 30px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_03.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04::before {
  width: 20px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_04.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05::before {
  width: 27px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_05.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06::before {
  width: 27px;
  height: 27px;
  background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_06.webp") no-repeat center center;
  background-size: 100% 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .title {
  line-height: 1.7em;
  font-size: 32px;
  font-family: var(--font-medium);
  font-weight: 500;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description {
  padding: 0 0 30px 0;
  width: 100%;
  max-width: 920px;
  text-align: left;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph {
  line-height: 2.4em;
  font-size: 16px;
  font-family: var(--font-normal);
  font-weight: 400;
  letter-spacing: 0.2em;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a {
  color: #5351CA;
  text-decoration: underline;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a:hover {
  text-decoration: none;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider {
  width: 100%;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider.none-slider {
  display: flex;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item {
  width: 480px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image {
  margin: 0 40px 20px 0;
  width: 440px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image .img {
  margin: 0 0 0 0;
  width: 100%;
  display: block;
  border-radius: 5px;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .name {
  margin: 0 0 10px 0;
  width: 440px;
  line-height: 1.7em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-bold);
  font-weight: 700;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .paragraph {
  width: 440px;
  line-height: 1.7em;
  font-size: 14px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .link {
  margin: 10px 0 0 0;
  width: 204px;
}
.technical-ai-wrapper .workplace-page .lab {
  margin: 0 auto 0;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 1120px;
  text-align: left;
  position: relative;
  z-index: 2;
}
.technical-ai-wrapper .workplace-page .description {
  margin: 0 0 0 0;
  padding: 30px 0 30px 0;
  width: 58.03%;
  max-width: 650px;
  text-align: left;
}
.technical-ai-wrapper .workplace-page .description .paragraph {
  padding: 0 0 0 0;
  line-height: 2.4em;
  font-size: 16px;
  letter-spacing: 0.2em;
  font-family: var(--font-normal);
  font-weight: 400;
}
.technical-ai-wrapper .workplace-page .link {
  margin: 0 0 58px 0;
  width: 216px;
}
.technical-ai-wrapper .workplace-page .loop-image {
  width: 32.142%;
  max-width: 360px;
  height: 480px;
  position: absolute;
  top: 48px;
  right: -3.57%;
}
.technical-ai-wrapper .workplace-page .loop-image .image {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s 0s ease;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos1 {
  transform: translate(20px,-20px);
  z-index: 1;
  opacity: 0;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos2 {
  transform: translate(0,0);
  z-index: 2;
  opacity: 1;
  transition: all 0.3s 0.2s ease;
}
.technical-ai-wrapper .workplace-page .loop-image.next .image.pos2 {
  transition: all 0.3s 0.0s ease;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos3 {
  transform: translate(-20px,20px);
  z-index: 3;
  opacity: 1;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos4 {
  transform: translate(-40px,40px);
  z-index: 4;
  opacity: 1;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos5 {
  transform: translate(-60px,60px);
  z-index: 5;
  opacity: 0;
}
.technical-ai-wrapper .workplace-page .loop-image.next .image.pos4 {
  transition: all 0.3s 0.2s ease;
}
.technical-ai-wrapper .workplace-page .loop-image .image.pos6 {
  transform: translate(-80px,80px);
  z-index: 6;
  opacity: 0;
}






.technical-ai-wrapper .workplace-page .loop-image .prev {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 17%;
  left: -24%;
  z-index: 7;
}
.technical-ai-wrapper .workplace-page .loop-image .next {
  width: 36px;
  height: 36px;
  position: absolute;
  bottom: 8%;
  left: -24%;
  z-index: 7;
}
.technical-ai-wrapper .workplace-page .loop-image .prev .btn ,
.technical-ai-wrapper .workplace-page .loop-image .next .btn {
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.technical-ai-wrapper .workplace-page .lab-movie {
  margin: 0 auto 137px;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 1360px;
  height: 420px;
  text-align: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
	border-radius: 4px;
}
.technical-ai-wrapper .workplace-page .lab-movie::after {
  width: 100%;
  height: 100%;
  content: "";
  background: #63a8e0;
  opacity: 0.15;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.technical-ai-wrapper .workplace-page .lab-movie video {
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) { /* 1440 */
  .technical-ai-wrapper .workplace-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .top-movie {
    width: 100%;
    max-height: 52.083vw;
    overflow: hidden;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .top-movie video {
    width: 100%;
    height: auto;
  }
  .technical-ai-wrapper .workplace-page .top-movie .logo {
    width: 25.556vw;
    text-align: left;
    position: absolute;
    bottom: 4.097vw;
    right: 3.75vw;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 4.028vw;
    left: 4.861vw;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title {
    margin: 0 0 1.597vw 0;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title .img {
    display: inline-block;
    width: 11.389vw;
    vertical-align: bottom;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title .text {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    line-height: 1.7em;
    letter-spacing: 0.2em;
    font-size: 2.222vw;
    font-family: var(--font-bold);
    font-weight: 700;
    margin: 0 0 -0.694vw 0;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .description {
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 1.25vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .technical-ai-wrapper .workplace-page .intro {
    margin: 0 auto;
    padding: 6.944vw 0 2.778vw 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .intro .desctiption {
    padding: 1.389vw 0 0 0;
  }
  .technical-ai-wrapper .workplace-page .intro .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-width: 48.819vw;
    line-height: 2.6em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .intro .image {
    width: 35%;
    max-width: 27.222vw;
    position: absolute;
    top: 2.083vw;
    right: -11.16%;
  }
  .technical-ai-wrapper .workplace-page .abw {
    margin: 0 auto 7.153vw;
    padding: 3.472vw 27.292vw 3.472vw 4.167vw;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    background: #fff;
    border-radius: 0.278vw;
    box-sizing: border-box;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .abw .title {
    margin: 0 0 1.528vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 1.7em;
    font-size: 1.667vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .workplace-page .abw .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 28.889vw;
    position: absolute;
    top: -7.292vw;
    right: -3.194vw;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link {
    width: 100%;
    display: block;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link::before {
    width: 100%;
    height: 100%;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/movie_image_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.4s 0s ease-in-out;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link:hover::before {
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box-wrap {
    margin: 0 0 9.792vw 0;
    width: 100%;
    position: relative;
    z-index: 5;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box-wrap::after {
    width: 47.361vw;
    height: 63.056vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/content_back_02.webp") no-repeat -11.806vw center;
    background-size: 100% 100%;
    position: absolute;
    top: -47.222vw;
    left: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box {
    width: 100%;
    overflow: hidden;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-track {
    display: flex;
    width: max-content;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-wrap {
    display: flex;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-item {
    height: 52.569vw;
    flex-shrink: 0;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .img {
    height: 100%;
    width: auto;
    display: block;
  }

  .technical-ai-wrapper .workplace-page .floor-guide {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .floor-guide::after {
    width: 68.611vw;
    height: 70.764vw;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/content_back_01.webp") no-repeat 27.778vw center;
    background-size: 100% 100%;
    position: absolute;
    top: -28.819vw;
    right: 0;
    z-index: -1;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu {
    margin: 2.083vw auto 5.556vw;
    width: 90%;
    max-width: 77.778vw;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 11.806vw;
    height: 8.333vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link {
    padding: 1.042vw 0 0 0;
    width: 11.806vw;
    height: 8.333vw;
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.278vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon {
    width: 100%;
    height: 3.819vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num01 .img {
    margin: auto;
    width: 1.875vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num02 .img {
    margin: auto;
    width: 1.875vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num03 .img {
    margin: auto;
    width: 2.083vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num04 .img {
    margin: auto;
    width: 1.389vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num05 .img {
    margin: auto;
    width: 1.875vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num06 .img {
    margin: auto;
    width: 1.944vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .text {
    width: 100%;
    line-height: 1.4em;
    font-size: 1.111vw;
    letter-spacing: 0.1em;
    text-align: center;
    font-family: var(--font-bold);
    font-weight: 700;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num01 .link .text {
    color: #9F1994;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num02 .link .text {
    color: #268FD0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num03 .link .text {
    color: #F99D42;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num04 .link .text {
    color: #F7C662;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num05 .link .text {
    color: #00943C;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num06 .link .text {
    color: #FF0F92;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow {
    margin: 1.597vw 0 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .left {
    line-height: 1.7em;
    font-size: 1.389vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .right {
    line-height: 1.7em;
    font-size: 1.389vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line {
    width: 68.333vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line .img {
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body {
    margin: 0 0 9.722vw 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side {
    width: 16.66%;
    display: flex;
    justify-content: flex-end;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu {
    width: 16.667vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list {
    margin: 0 0 0 0;
    padding: 1.042vw 0 1.042vw 0;
    width: 100%;
    background: #fff;
    position: sticky;
    top: 2.778vw;
    border-radius: 0.278vw;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item {
    margin: 0.694vw 0 0 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link {
    margin: 0 0 0 0;
    padding: 0.347vw 0 0.347vw 2.083vw;
    display: block;
    color: #5351CA;
    line-height: 2.5em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item .link::after {
    width: 0.556vw;
    height: 0.903vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 1.806vw;
    transform: translate(0,-50%);
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon01 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_01.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon02 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_02.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon03 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_03.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon04 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_04.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon05 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_05.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side .floating-menu .list .list-item.list-item--icon06 .link::after {
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/arrow_06.webp") no-repeat center center;
    background-size: 100% 100%;
  }





  .technical-ai-wrapper .workplace-page .floor-guide .body .main {
    width: 75%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section {
    padding: 0 0 6.944vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section:last-child {
    padding: 0 0 0 0;
  }

  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image {
    margin: 0 0 2.083vw 0;
    width: 100%;
    max-width: 75vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image .img {
    width: 100%;

    border-radius: 0.347vw;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head {
    margin: 0 0 1.389vw 0;
    width: 100%;
    max-width: 63.889vw;
    text-align: left;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng {
    padding: 0.347vw 0 0.833vw 3.333vw;
    line-height: 1.4em;
    font-size: 0.972vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01 {
    color: #9F1994;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02 {
    color: #268FD0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03 {
    color: #F99D42;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04 {
    color: #F7C662;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05 {
    color: #00943C;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06 {
    color: #FF0F92;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01::before {
    width: 1.875vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02::before {
    width: 1.875vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_02.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03::before {
    width: 2.083vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_03.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04::before {
    width: 1.389vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_04.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05::before {
    width: 1.875vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_05.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06::before {
    width: 1.875vw;
    height: 1.875vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_06.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .title {
    line-height: 1.7em;
    font-size: 2.222vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description {
    padding: 0 0 2.083vw 0;
    width: 100%;
    max-width: 63.889vw;
    text-align: left;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph {
    line-height: 2.4em;
    font-size: 1.111vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a {
    color: #5351CA;
    text-decoration: underline;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider {
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider.none-slider {
    display: flex;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item {
    width: 33.333vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image {
    margin: 0 2.778vw 1.389vw 0;
    width: 30.556vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image .img {
    margin: 0 0 0 0;
    width: 100%;
    display: block;
    border-radius: 0.347vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .name {
    margin: 0 0 0.694vw 0;
    width: 30.556vw;
    line-height: 1.7em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .paragraph {
    width: 30.556vw;
    line-height: 1.7em;
    font-size: 0.972vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .link {
    margin: 0.694vw 0 0 0;
    width: 14.167vw;
  }
  .technical-ai-wrapper .workplace-page .lab {
    margin: 0 auto 0;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 77.778vw;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .workplace-page .description {
    margin: 0 0 0 0;
    padding: 2.083vw 0 2.083vw 0;
    width: 58.03%;
    max-width: 45.139vw;
    text-align: left;
  }
  .technical-ai-wrapper .workplace-page .description .paragraph {
    padding: 0 0 0 0;
    line-height: 2.4em;
    font-size: 1.111vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .workplace-page .link {
    margin: 0 0 4.028vw 0;
    width: 15vw;
  }
  .technical-ai-wrapper .workplace-page .loop-image {
    width: 32.142%;
    max-width: 25vw;
    height: 33.333vw;
    position: absolute;
    top: 3.333vw;
    right: -3.57%;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s 0s ease;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos1 {
    transform: translate(1.389vw,-1.389vw);
    z-index: 1;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos2 {
    transform: translate(0,0);
    z-index: 2;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos3 {
    transform: translate(-1.389vw,1.389vw);
    z-index: 3;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos4 {
    transform: translate(-2.778vw,2.778vw);
    z-index: 4;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos5 {
    transform: translate(-4.167vw,4.167vw);
    z-index: 5;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos6 {
    transform: translate(-5.556vw,5.556vw);
    z-index: 6;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .prev {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    bottom: 17%;
    left: -24%;
    z-index: 7;
  }
  .technical-ai-wrapper .workplace-page .loop-image .next {
    width: 2.5vw;
    height: 2.5vw;
    position: absolute;
    bottom: 8%;
    left: -24%;
    z-index: 7;
  }
  .technical-ai-wrapper .workplace-page .loop-image .prev .btn ,
  .technical-ai-wrapper .workplace-page .loop-image .next .btn {
    width: 2.5vw;
    height: 2.5vw;
    cursor: pointer;
  }

  .technical-ai-wrapper .workplace-page .lab-movie {
    margin: 0 auto 137px;
    padding: 0 0 0 0;
    width: 90%;
    max-width: 94.444vw;
    height: 29.167vw;
    text-align: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
	  border-radius: 0.278vw;
  }
  .technical-ai-wrapper .workplace-page .lab-movie::after {
    width: 100%;
    height: 100%;
    content: "";
    background: #63a8e0;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .lab-movie video {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }


}
@media screen and (max-width: 767px) { /* 375 */
  .technical-ai-wrapper .workplace-page {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .top-movie {
    width: 100%;
    max-height:none;
    overflow: hidden;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .top-movie video {
    width: 100%;
    height: auto;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box {
    margin: 0 auto;
    padding: 4.267vw 0 0 0;
    width: 86.667vw;
    text-align: left;
    position: relative;
    bottom: auto;
    left: auto;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title {
    margin: 0 0 3.733vw 0;
    text-align: center;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title .img.sp-disp {
    display: inline-block !important;
    width: 17.6vw;
    vertical-align: bottom;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .title .text {
    display: inline-block;
    vertical-align: bottom;
    color: #000;
    line-height: 1.6em;
    letter-spacing: 0.2em;
    font-size: 5.333vw;
    font-family: var(--font-bold);
    font-weight: 700;
    margin: 0 0 -2.667vw 0;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .description {
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .top-movie .box .description .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: #000;
  }
  .technical-ai-wrapper .workplace-page .intro {
    margin: 0 auto;
    padding: 13.333vw 0 49.833vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .intro .desctiption {
    padding: 4vw 0 0 0;
  }
  .technical-ai-wrapper .workplace-page .intro .desctiption .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    max-width: 100%;
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .intro .image {
    width: 78.667vw;
    max-width: 78.667vw;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
  }
  .technical-ai-wrapper .workplace-page .abw {
    margin: 0 auto 21.333vw;
    padding: 13.333vw 6.667vw 6.667vw 6.667vw;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    background: #fff;
    border-radius: 1.067vw;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
  }
  .technical-ai-wrapper .workplace-page .abw .title {
    margin: 0 0 2.667vw 0;
    padding: 0 0 0 0;
    width: fit-content;
    line-height: 2.0em;
    font-size: 4.8vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
    background: linear-gradient(45deg, #106C83 0%, #166DBE 50%, #8739D5 100%);

    -webkit-background-clip:text;
    -webkit-text-fill-color: transparent;
  }
  .technical-ai-wrapper .workplace-page .abw .paragraph {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 2.0em;
    font-size: 3.733vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 73.333vw;
    position: absolute;
    top: -62.4vw;
    right: auto;
    left: 50%;
    transform: translate(-50%,0);
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link {
    width: 100%;
    display: block;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link::before {
    width: 100%;
    height: 100%;
    content: "";
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/movie_image_02.webp") no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.4s 0s ease-in-out;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .abw .movie-link .link:hover::before {
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box-wrap {
    margin: 0 0 21.333vw 0;
    width: 100%;
    position: relative;
    z-index: 5;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box-wrap::after {
    display: none;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box {
    width: 100%;
    overflow: hidden;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-track {
    display: flex;
    width: max-content;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-wrap {
    display: flex;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .slider-item {
    height: 125.333vw;
    flex-shrink: 0;
  }
  .technical-ai-wrapper .workplace-page .office-photo-box .img {
    height: 100%;
    width: auto;
    display: block;
  }

  .technical-ai-wrapper .workplace-page .floor-guide {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .floor-guide::after {
    display: none;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .c-base-head {
    margin: 0 auto;
    width: 86.667vw;
    max-width: 86.667vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .c-base-head .paragraph {
    line-height: 2.2em;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu {
    margin: 8vw auto 14.667vw;
    width: 86.667vw;
    max-width: 86.667vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item {
    margin: 0 0 1.333vw 0;
    padding: 0 0 0 0;
    width: 72.533vw;
    height: 12.533vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 72.533vw;
    height: 12.533vw;
    box-sizing: border-box;
    background: #fff;
    border-radius: 1.067vw;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon {
    width: 17.867vw;
    height: 12.533vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num01 .img {
    margin: auto;
    width: 7.2vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num02 .img {
    margin: auto;
    width: 7.2vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num03 .img {
    margin: auto;
    width: 8vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num04 .img {
    margin: auto;
    width: 5.333vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num05 .img {
    margin: auto;
    width: 7.2vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .icon.icon--num06 .img {
    margin: auto;
    width: 7.467vw;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item .link .text {
    width: auto;
    line-height: 1.4em;
    font-size: 3.733vw;
    letter-spacing: 0.1em;
    text-align: left;
    font-family: var(--font-bold);
    font-weight: 700;
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num01 .link .text {
    color: #9F1994;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num02 .link .text {
    color: #268FD0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num03 .link .text {
    color: #F99D42;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num04 .link .text {
    color: #F7C662;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num05 .link .text {
    color: #00943C;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .item.item--num06 .link .text {
    color: #FF0F92;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow {
    margin: 0 0 0 0;
    width: 2.6em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .left {
    line-height: 1.7em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .right {
    line-height: 1.7em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-medium);
    font-weight: 500;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line {
    margin: 0 auto;
    padding: 2.4vw 0;
    width: 3.2vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .menu .flow .line .img {
    display: block;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body {
    margin: 0 0 37.333vw 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .side {
    display: none;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main {
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section {
    padding: 0 0 16vw 0;
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section:last-child {
    padding: 0 0 0 0;
  }

  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image {
    margin: 0 0 6.667vw 6.667vw;
    width: 93.333vw;
    max-width: 93.333vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .main-image .img {
    width: 100%;
    border-radius: 1.333vw;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head {
    margin: 0 6.667vw 5.333vw 6.667vw;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng {
    padding: 1.333vw 0 3.2vw 12.8vw;
    line-height: 1.4em;
    font-size: 3.2vw;
    font-family: var(--font-bold);
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01 {
    color: #9F1994;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02 {
    color: #268FD0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03 {
    color: #F99D42;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04 {
    color: #F7C662;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05 {
    color: #00943C;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06 {
    color: #FF0F92;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon01::before {
    width: 7.2vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_01.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon02::before {
    width: 7.2vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_02.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon03::before {
    width: 8vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_03.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon04::before {
    width: 5.333vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_04.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon05::before {
    width: 7.2vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_05.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .eng.icon06::before {
    width: 7.2vw;
    height: 7.2vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/workplace/icon_06.webp") no-repeat center center;
    background-size: 100% 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .head .title {
    line-height: 1.8em;
    font-size: 6.4vw;
    font-family: var(--font-medium);
    font-weight: 500;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description {
    margin: 0 6.667vw 0 6.667vw;
    padding: 0 0 8vw 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph {
    line-height: 2.2em;
    font-size: 4.267vw;
    font-family: var(--font-normal);
    font-weight: 400;
    letter-spacing: 0.2em;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a {
    color: #5351CA;
    text-decoration: underline;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .description .paragraph a:hover {
    text-decoration: none;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider {
    margin-bottom: 16vw;
    width: 100%;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider.none-slider {
    display: flex;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item {
    width: 76.267vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image {
    margin: 0 1.333vw 4vw 6.667vw;
    width: 68.267vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .image .img {
    margin: 0 0 0 0;
    width: 100%;
    display: block;
    border-radius: 1.333vw;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .name {
    margin: 0 1.333vw 1.867vw 6.667vw;
    width: 68.267vw;
    line-height: 1.7em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-bold);
    font-weight: 700;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .paragraph {
    margin: 0 1.333vw 1.867vw 6.667vw;
    width: 68.267vw;
    line-height: 1.7em;
    font-size: 3.733vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .workplace-page .floor-guide .body .main .section .equipment_slider .item .link {
    margin: 2.667vw 0 0 0;
    width: 54.4vw;
  }
  
  
  .technical-ai-wrapper .workplace-page .lab {
    margin: 0 auto 0;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 2;
  }
  .technical-ai-wrapper .workplace-page .description {
    margin: 0 0 0 0;
    padding: 4.8vw 0 8vw 0;
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
  
  .technical-ai-wrapper .workplace-page .description .paragraph {
    padding: 0 0 0 0;
    line-height: 2.2em;
    font-size: 4.267vw;
    letter-spacing: 0.2em;
    font-family: var(--font-normal);
    font-weight: 400;
  }
  .technical-ai-wrapper .workplace-page .link {
    margin: 0 auto 10.667vw auto;
    width: 57.6vw;
  }
  .technical-ai-wrapper .workplace-page .loop-image {
    margin: 0 auto;
    width: 86.667vw;
    max-width: 86.667vw;
    height: 154.667vw;
    position: relative;
    top: auto;
    right: auto;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image {
    width: 76.8vw;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    transition: all 0.5s 0s ease;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos1 {
    transform: translate(5.333vw,-5.333vw);
    z-index: 1;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos2 {
    transform: translate(0,0);
    z-index: 2;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos3 {
    transform: translate(-5.333vw,5.333vw);
    z-index: 3;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos4 {
    transform: translate(-10.667vw,10.667vw);
    z-index: 4;
    opacity: 1;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos5 {
    transform: translate(-16vw,16vw);
    z-index: 5;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .image.pos6 {
    transform: translate(-21.333vw,21.333vw);
    z-index: 6;
    opacity: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .prev {
    width: 9.6vw;
    height: 9.6vw;
    position: absolute;
    bottom: 16vw;
    left: 0;
    z-index: 7;
  }
  .technical-ai-wrapper .workplace-page .loop-image .next {
    width: 9.6vw;
    height: 9.6vw;
    position: absolute;
    bottom: 16vw;
    left: 11.733vw;
    z-index: 7;
  }
  .technical-ai-wrapper .workplace-page .loop-image .prev .btn ,
  .technical-ai-wrapper .workplace-page .loop-image .next .btn {
    width: 9.6vw;
    height: 9.6vw;
    cursor: pointer;
  }
  .technical-ai-wrapper .workplace-page .loop-image .prev .btn.off ,
  .technical-ai-wrapper .workplace-page .loop-image .next .btn.off {
    pointer-events: none;
    opacity: 0.25;
  }
  .technical-ai-wrapper .workplace-page .loop-image .dots {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    z-index: 1;
    position: absolute;
    bottom: 19.467vw;
    right: 0;
  }
  .technical-ai-wrapper .workplace-page .loop-image .dots .dot {
    width: 2.667vw;
    height: 2.667vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/dot_off.webp") no-repeat center center;
    background-size: 100% 100%;
    margin: 0 0 0 4vw;
  }
  .technical-ai-wrapper .workplace-page .loop-image .dots .dot.active {
    width: 2.667vw;
    height: 2.667vw;
    background: url("/fb-sp/fb/ja/about/initiatives/technical/ai/img/dot_on.webp") no-repeat center center;
    background-size: 100% 100%;
    margin: 0 0 0 4vw;
  }
  



  .technical-ai-wrapper .workplace-page .lab-image {
    margin: 0 auto 26.667vw;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    text-align: left;
    position: relative;
    z-index: 1;
  }

  .technical-ai-wrapper .workplace-page .lab-movie {
    margin: 0 auto 26.667vw;
    padding: 0 0 0 0;
    width: 86.667vw;
    max-width: 86.667vw;
    height: 112vw;
    text-align: left;
    position: relative;
    z-index: 1;
    overflow: hidden;
	  border-radius: 1.067vw;
  }
  .technical-ai-wrapper .workplace-page .lab-movie::after {
    width: 100%;
    height: 100%;
    content: "";
    background: #63a8e0;
    opacity: 0.15;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .technical-ai-wrapper .workplace-page .lab-movie video {
    width: auto;
    height: 112vw;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  
  

}