@media screen and (max-width: 767px) {
  #secound #pagetitle .ttl_name {
    font-size: 8vw;
  }
}

@media screen and (max-width: 767px) {
  .lottie_wrap.connect_lottie01 {
    padding-top: 20.2666666667vw;
  }
  .lottie_wrap.connect_lottie02 {
    padding-top: 29.3333333333vw;
  }
}
#lottie05 {
  top: -300px;
  right: -510px;
}
@media screen and (max-width: 767px) {
  #lottie05 {
    top: -42.6666666667vw;
    right: -80vw;
    width: 133.3333333333vw;
  }
}

#lottie04 {
  top: -180px;
  left: -480px;
}
@media screen and (max-width: 767px) {
  #lottie04 {
    top: -32vw;
    left: -37.3333333333vw;
  }
}

.connect_heading01 {
  font-size: 23px;
  line-height: 1.3913043478;
  font-weight: 700;
}
.connect_heading02 {
  font-size: 20px;
  line-height: 1.75;
  font-weight: 700;
}
.connect_heading02 + .base_txt {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .connect_heading02 + .base_txt {
    margin-top: 8px;
  }
}

.base_txt {
  font-size: 16px;
  line-height: 1.75;
}
.w_img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .sp_w_auto {
    margin: auto;
    max-width: min(100%, 308px);
  }
}

/*  ---------------------------
		connect
---------------------------  */
@media screen and (min-width: 768px) {
  #connect.detail_contents {
    padding: 0 min(3.3898305085vw, 40px);
    width: 1180px;
  }
}
#connect .lead {
  font-size: 18px;
  line-height: 1.7777777778;
}
@media screen and (max-width: 767px) {
  #connect .lead {
    font-size: 16px;
    line-height: 1.75;
  }
}
#connect .connect_box {
  background-color: #fff;
  padding: 40px;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #connect .connect_box {
    padding: min(6.4vw, 24px);
    margin-top: min(5.3333333333vw, 20px);
  }
}
#connect .connect_box_txt {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  #connect .connect_box_txt {
    font-size: 16px;
    margin-top: 16px;
  }
}
#connect .connect_box_note {
  font-size: 12px;
  line-height: 1.8333333333;
  margin-top: 16px;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  #connect .connect_box_note {
    font-size: 12px;
    margin-top: 12px;
  }
}
#connect .engagetag_img {
  width: min(803px, 100%);
  margin: 30px auto 0;
}
#connect .connect_flex {
  display: flex;
  gap: 35px;
}
@media screen and (max-width: 767px) {
  #connect .connect_flex {
    flex-direction: column;
    gap: 24px;
  }
}
#connect .connect_flex .flex_txt {
  width: min(64.5762711864vw, 762px);
}
@media screen and (max-width: 767px) {
  #connect .connect_flex .flex_txt {
    width: 100%;
  }
}
#connect .connect_flex .flex_img {
  max-width: 300px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  #connect .connect_flex .flex_img {
    margin: auto;
  }
}
#connect .connect_flex .flex_img .cap {
  font-size: 11px;
  line-height: 1.8181818182;
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 5px;
}
#connect .column_img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  #connect .column_img {
    width: min(634px, 100%);
  }
}
@media screen and (max-width: 767px) {
  #connect .column_img {
    width: min(302px, 100%);
  }
}