@charset "UTF-8";
/*  ---------------------------
		社員紹介一覧
---------------------------  */
.txt_lnk {
  color: #0B00FF;
  text-decoration: underline;
}

#x_innovation.detail_contents {
  margin-top: 51px;
  width: 1180px;
  max-width: 100%;
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  #x_innovation.detail_contents {
    margin-top: 35px;
    padding: 0 6.4vw;
  }
}
#x_innovation .lead_txt {
  font-size: 18px;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
  #x_innovation .lead_txt {
    font-size: 16px;
    line-height: 1.5555555556;
  }
}
#x_innovation .innovat_list_area {
  margin-top: 70px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area {
    margin-top: 30px;
  }
}
#x_innovation .innovat_list_area.lottie_wrap #lottie05 {
  top: -550px;
  right: -500px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area.lottie_wrap #lottie05 {
    display: none;
    top: -34.6666666667vw;
    right: -24vw;
    width: 74.6666666667vw;
  }
}
#x_innovation .innovat_list_area .innovat_list .ino_item:nth-of-type(n+2) {
  margin-top: 40px;
}
#x_innovation .innovat_list_area .innovat_list .ino_item .item_inner {
  display: flex;
  align-items: center;
  gap: 48px;
  padding: 35px 40px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .item_inner {
    flex-direction: column;
    gap: 24px;
    padding: 24px 6.4vw;
  }
}
#x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .ttl_left_border {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-indent: -0.7em;
  padding-left: 0.7em;
}
#x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .ttl_left_border::before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  padding: 28px 8px 0 0;
  vertical-align: -2px;
}
#x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .ttl_left_border.in_pink::before {
  background-color: #ff0da6;
}
#x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .ttl_sub {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .ttl_sub {
    margin-top: 15px;
  }
}
#x_innovation .innovat_list_area .innovat_list .ino_item .explan_wrap .txt {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.75;
}
#x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap {
  width: 287px;
  flex-shrink: 0;
}
@media screen and (max-width: 960px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap .logo_img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap .logo_img.one {
    width: 65.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap .logo_img.two {
    width: 69.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .innovat_list_area .innovat_list .ino_item .logo_wrap .logo_img.three {
    width: 73.3333333333vw;
  }
}
#x_innovation .tech_blog_area {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area {
    margin-top: 21.3333333333vw;
  }
}
#x_innovation .tech_blog_area.lottie_wrap #lottie04 {
  top: -300px;
  left: -445px;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area.lottie_wrap #lottie04 {
    display: none;
    top: -60vw;
    left: -2.6666666667vw;
    width: 93.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  #x_innovation .tech_blog_area.lottie_wrap #lottie04 {
    width: 80vw;
  }
}
#x_innovation .tech_blog_area .lead_txt {
  margin-top: 26px;
}
#x_innovation .tech_blog_area .tech_list {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 2.91%;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area .tech_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px 5.6vw;
  }
}
#x_innovation .tech_blog_area .tech_list .tech_item .txt {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area .tech_list .tech_item .txt {
    font-size: 12px;
  }
}
#x_innovation .tech_blog_area .tech_list .tech_item .txt .line_bg {
  display: inline-block;
  padding: 7px 9px 4px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area .tech_list .tech_item .txt .line_bg {
    padding: 7px 1.6vw 4px;
  }
}
#x_innovation .tech_blog_area .tech_list .tech_item .txt .line_bg:nth-of-type(n+2) {
  padding: 5px 9px 4px;
}
@media screen and (max-width: 767px) {
  #x_innovation .tech_blog_area .tech_list .tech_item .txt .line_bg:nth-of-type(n+2) {
    padding: 5px 1.6vw 4px;
  }
}
#x_innovation .btn_wrap {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  #x_innovation .btn_wrap {
    margin-top: 78px;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  #x_innovation .btn_wrap .btn {
    width: 76.2666666667vw;
    height: 65px;
  }
}

#footer {
  z-index: 2;
}