/* view A */
.view_a_wrapper .sticky_wrapper {
  position: relative;
  height: calc(100vh - 90px);
}
.view_a_wrapper .sticky_bg {
  position: sticky;
  top: 90px;
  height: calc(100vh - 306px - 90px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.view_a_wrapper .sticky_bg:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 402px;
  background: url('https://jainlab.im/hubfs/JAINLAB/sub/column_gradient.svg') repeat-x bottom;
}
.view_a .view_a_title_area {
  position: absolute;
  left: 0;
  top: -306px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  height: 306px;
}

.view_a .view_a_stitle, .view_a_wrapper .virtual_title_area .view_a_stitle {
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  color: #212121;
  text-align: center;
}
.view_a .view_a_title, .view_a_wrapper .virtual_title_area .view_a_title {
  font-size: 64px;
  font-weight: 700;
  line-height: 76px;
  color: #212121;
  text-align: center;
  word-break: keep-all;
}
.view_a .view_a_content {
  padding: 60px 0 52px;
}

.view_a_wrapper .virtual_title_area {
  position: fixed;
  left: 50%;
  top: calc(100% + 306px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  justify-content: center;
  width: 918px;
  height: 306px;
  transform: translate3d(-50%, 0, 0);
}
.view_a {
  margin-top: -306px;
}
.view_a .center {
  margin-top: 306px;
}
.view_a_wrapper .sticky_bg {
  clip: rect(0, auto, auto, 0);
  clip-path: inset(0 0 0 0);
  z-index: 1;
}
.view_a_wrapper .virtual_title_area .view_a_title {
  color: #fff;
}

.view_a_wrapper .virtual_title_area .view_a_stitle {
  color: #fff;
}
@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .view_a_wrapper .sticky_bg {
    background-attachment: scroll;
  }
}
@media (max-width: 1365px) {
  .detail_container > .inner {
    display: none;
  }
  .view_a_wrapper .sticky_wrapper {
    height: calc(100vh - 56px);
  }
  .view_a_wrapper .sticky_bg {
    top: 56px;
    height: calc(100vh - 275px);
/*     background-attachment: scroll; */
  }
  .view_a_wrapper .virtual_title_area {
    width: 100%;
    padding: 0 24px;
    height: 219px;
  }
  .view_a {
    margin-top: -219px;
  }
  .view_a .center {
    margin-top: 219px;
  }
  .view_a .view_a_title_area {
    top: -219px;
    height: 219px;
    padding: 0 24px;
  }
  .view_a .view_a_content {
    padding: 32px 24px 42px;
  }
  .view_a .view_a_stitle, .view_a_wrapper .virtual_title_area .view_a_stitle {
    font-size: 18px;
    line-height: 21px;
  }
  .view_a .view_a_title, .view_a_wrapper .virtual_title_area .view_a_title {
    font-size: 38px;
    line-height: 120%;
  }
}

@media (max-width: 768px) {
  .hs_cos_wrapper_type_rich_text h2 {
    font-size: 23px;
  }
  .hs_cos_wrapper_type_rich_text p {
    line-height: 170% !important;
  }
  .hs_cos_wrapper_type_rich_text p span {
    font-size: 16px !important;
  }
}



























