.section_intro { height: 500px; padding-top: var(--common-section-padding); color: #FFF; background: url('../../../assets/img/intro/bg_intro.jpg') no-repeat top center #071631 fixed; background-size: auto 100%; }
.section_intro .section_desc { margin-top: 72px; opacity: 0.7; }
.section_intro .highlight { color: #C0E0FF; }

.section_service { height: 500px; padding: var(--common-section-padding) 0; background: url('../../../assets/img/intro/bg_intro_service.jpg') no-repeat top right #f3f6fb; background-size: auto 100%; }
.section_service .page_inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }

.section_model_data { position: relative; padding: var(--common-section-padding) 0; color: #FFF; background: #071631; overflow: hidden; }
.section_model_data .bg_object { position: absolute; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.section_model_data .bg_object.left { right: 50%; top: calc(var(--common-section-padding) + 145px); width: 305px; height: 332px; background-image: url('../../../assets/img/intro/bg_multi_model_left.svg'); transform: translate3d(-470px, 0, 0); }
.section_model_data .bg_object.right { left: 50%; top: var(--common-section-padding); width: 324px; height: 334px; background-image: url('../../../assets/img/intro/bg_multi_model_right.svg'); transform: translate3d(330px, 0, 0); }
.section_model_data .page_inner { font-size: 18px; overflow: visible; }
.section_model_data .section_subtitle { font-style: italic; color: #a1b5c9; }
.section_model_data .section_desc { opacity: 0.7; }
.section_model_data .step-flow { position: relative; display: flex; flex-direction: column; gap: 10px; width: 300px; margin: 60px auto 0 auto; text-align: center; z-index: 3; }
.section_model_data .step { padding: 10px; background-color: #142c47; border-radius: 6px; }
.section_model_data .step.arrow { color: #709dc7; background-color: transparent; }
.section_model_data .compare-wrapper { position: relative; display: flex; justify-content: center; align-items: stretch; gap: 5%; margin: 30px auto; z-index: 3; }
.section_model_data .box { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.section_model_data .title_bar { background: linear-gradient(to right, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)); padding: 1.5em 1em; font-weight: bold; margin-bottom: 20px; text-align: center; }
.section_model_data .box.ai .title_bar { background: linear-gradient(to right, #003366, #0055aa); }
.section_model_data .title_bar .subtitle { display: block; opacity: 0.7; font-weight: normal; margin-top: 4px; }
.section_model_data .content,
.section_model_data .ai_content { flex-grow: 1; display: flex; justify-content: space-between; align-items: center; gap: 1em; font-size: 16px; }
.section_model_data .ai_content .multi_target_right { flex: 0 0 var(--common-section-big-padding); text-align: center; }
.section_model_data .ai_content .multi_target_right img { width: 172px; }
.section_model_data .target_opacity { opacity: 0.3; }
.section_model_data .figure_left { text-align: center; flex: 1; }
.section_model_data .figure_left img { height: 240px; }
.section_model_data .figure_left .label { margin-top: 10px; font-size: 16px; opacity: 0.8; }
.section_model_data .detail_item { display: flex; flex-direction: column; align-items: center; padding: 1em 0; line-height: 1.5; }
.section_model_data .detail_item + .detail_item { border-top: 1px solid rgba(255, 255, 255, 0.1); }
.section_model_data .details { flex: 2; display: flex; flex-direction: column; font-size: 16px; line-height: 2; padding: 0 20px; }
.section_model_data .details .title { color: rgba(255, 255, 255, 0.6); }
.section_model_data .details .content_text { font-size: 24px; }
.section_model_data .sub_steps { flex: 0 0 200px; display: flex; flex-direction: column; align-self: stretch; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), transparent); padding: 3em 0; gap: 3em; font-size: 15px; line-height: 1.8; text-align: center; }
.section_model_data .sub_step { display: flex; flex-direction: column; align-items: center; }
.section_model_data .sub_step .number { font-style: italic; color: #729bcd; font-size: 14px; }
.section_model_data .box.ai .figure img { filter: brightness(1.2); }
.section_model_data .box.ai .figure .label { color: #00c2ff; }

.section_possibility { padding: var(--common-section-padding) 0; background: #ffffff; text-align: center; }
.section_possibility .section_desc { opacity: 0.7; }
.section_possibility .hexagon_wrap { margin-top: var(--common-section-padding); }
.section_possibility .hexagon_wrap .hexagon_item:nth-child(even) .hexagon_inner { background: #e3edf7; }

.section_possibility .icn_paradigm { display: inline-block; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.section_possibility .icn_paradigm.ai_cro { background-image: url('../../../assets/img/intro/icn_intro_ai_cro.svg'); }
.section_possibility .icn_paradigm.kit { background-image: url('../../../assets/img/intro/icn_intro_kit.svg'); }
.section_possibility .icn_paradigm.new { background-image: url('../../../assets/img/intro/icn_intro_new.svg'); }
.section_possibility .icn_paradigm.bio { background-image: url('../../../assets/img/intro/icn_intro_bio.svg'); }
.section_possibility .hexagon_wrap .hexagon { width: 380px; }

@media (max-width: 1600px) {
  .section_intro { height: 360px; }
  .section_service { height: 360px; }
  .section_possibility .hexagon_wrap .hexagon { width: 260px; }
  .section_model_data .sub_steps { flex: 0 0 100px; font-size: 13px; }
  .section_model_data .details { padding: 0 10px; font-size: 14px; }
  .section_model_data .details .content_text { font-size: 16px; }
  .section_model_data .ai_content .multi_target_right img { width: 150px; }
  .section_model_data .bg_object.left { top: calc(var(--common-section-padding) + 132px); transform: translate3d(-360px, 0, 0); }
  .section_model_data .bg_object.right { transform: translate3d(220px, 0, 0); }
}

@media (max-width: 1280px) {
  .section_possibility .hexagon_wrap .hexagon { width: 220px; }
  .section_possibility .hexagon_wrap .hexagon_inner p { font-size: 16px; }
  .section_possibility .icn_paradigm { width: 50px; height: 50px; }
  .section_model_data .bg_object.left { transform: translate3d(-230px, 0, 0); }
  .section_model_data .bg_object.right { transform: translate3d(170px, 0, 0); }
}

@media (max-width: 1024px) {
  .section_service { background-position: bottom right -150px; background-size: auto 100%; }
  .section_intro { height: auto; padding: var(--common-section-padding) 0; background: url('../../../assets/img/intro/m_bg_intro.jpg') center center; background-size: cover; background-attachment: scroll; }
  .section_intro .section_desc { margin-top: 3em; opacity: 1; }
  .section_model_data .section_subtitle,
  .section_model_data .section_title,
  .section_model_data .section_desc { text-align: center; }
  .section_model_data .page_inner { font-size: 15px; }
  .section_model_data .compare-wrapper { flex-direction: column; gap: 3em; padding: 0 2em; }
  .section_model_data .content,
  .section_model_data .ai_content { font-size: 14px; }
  .section_model_data .ai_content .multi_target_right img { width: 120px; }
  .section_model_data .figure_left img { height: 200px; }
  .section_model_data .step-flow { width: 250px; margin: 30px auto 0 auto; }
  .section_model_data .bg_object.left { width: 215px; height: 224px; transform: translate3d(-150px, 0, 0); }
  .section_model_data .bg_object.right { width: 214px; height: 232px; transform: translate3d(120px, 0, 0); }
  .section_possibility .hexagon_wrap { gap: 0; max-width: 500px; margin-left: auto; margin-right: auto; }
  .section_possibility .hexagon_wrap .hexagon_item + .hexagon_item { margin-left: 0; }
}

@media (max-width: 768px) {
  .section_intro { height: auto; }
  .section_intro .section_desc { margin-top: 1em; opacity: 1; }
  .section_service { height: auto; background-position: bottom right -110px; background-size: auto 80%; }
  .section_service .btn_link_big { margin-top: 2em; }
  .section_model_data .page_inner { font-size: 13px; }
  .section_model_data .step-flow { width: 200px; }
  .section_model_data .compare-wrapper { flex-direction: column; gap: 3em; padding: 0 1em; }
  .section_model_data .ai_content .multi_target_right img { width: 100px; }
  .section_model_data .sub_steps { flex: 0 0 90px; font-size: 12px; }
  .section_model_data .content,
  .section_model_data .ai_content,
  .section_model_data .details .content_text,
  .section_model_data .figure_left .label { font-size: 13px; }
  .section_model_data .figure_left img { height: 180px; }
  .section_model_data .bg_object.left { top: 150px; transform: translate3d(-10vw, 0, 0); }
  .section_model_data .bg_object.right { top: -50px; transform: translate3d(10vw, 0, 0); }

  .section_possibility .hexagon_wrap { gap: 0; max-width: 500px; }
  .section_possibility .hexagon_wrap .hexagon { width: 187px; }
}

@media (max-width: 640px) {
    .section_model_data .ai_content .multi_target_right img { width: 80px; }


    .section_core_value .hexagon_wrap { max-width: 380px; margin: 3.5em auto 0; column-gap: 0.5em; row-gap: 0; }
    .section_core_value .hexagon_wrap .hexagon { width: 230px; padding: 3%; }
    .section_core_value .hexagon_wrap .hexagon_inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
    .section_core_value .hexagon_wrap .hexagon_item { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: -2em; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(odd) { margin-left: -25%; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(even) { margin-left: 25%; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(1) { z-index: 1; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(2) { z-index: 2; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(3) { z-index: 3; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(4) { z-index: 4; }
    .section_core_value .hexagon_wrap .hexagon_title { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); color: #FFF; text-shadow: 0 0 0.5em rgba(0,0,0,0.5); }


    .section_possibility .hexagon_wrap { gap: 0; max-width: 380px; margin-top: 4em; }
    .section_possibility .hexagon_wrap .hexagon { width: 220px; margin-top: -2.4em; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(odd) { margin-left: -25%; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(even) { margin-left: 25%; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(1) { z-index: 4; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(2) { z-index: 3; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(3) { z-index: 2; }
    .section_possibility .hexagon_wrap .hexagon_item:nth-child(4) { z-index: 1; }
}