/* section_genAI */
.section_genAI { padding: var(--common-section-padding) 0; } 
.section_genAI .page_inner.wide { position: relative; } 
.section_genAI .section_subtitle,
.section_genAI .section_title,
.section_genAI .section_desc { text-align: center; } 
.section_genAI .section_subtitle { font-style: italic; color: #a1b5c9; } 
.section_genAI .pic_box_wrap { position: relative; display: flex; justify-content: space-between; margin-top: 3.5em; margin-bottom: 2.5em; padding: 30px 0; } 
.section_genAI .polygon { position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 30%; aspect-ratio: 0.8; font-size: 28px; color: #FFF; background: url('../../../assets/img/intro/genAI_polygon.svg') no-repeat center center; transform: translate3d(-50%, -50%, 0); } 
.section_genAI .polygon .desc { text-align: center; font-weight: bold; } 
.section_genAI .polygon .up_desc { font-size: 24px; font-style: italic; margin-bottom: 0.3em; color: #71A0D8; } 
.section_genAI .pic_box { width: 42%; height: 0; padding-top: 20%; background-size: cover; overflow: hidden; } 
.section_genAI .pic_box.left { background-image: url('../../../assets/img/intro/bg_genAI_left.jpg'); background-position: right center; } 
.section_genAI .pic_box.right { background-image: url('../../../assets/img/intro/bg_genAI_right.jpg'); background-position: left center; } 
.section_genAI .desc_item { position: absolute; display: inline-block; width: 20em; font-size: 16px; color: #899daf; text-align: center; box-sizing: border-box; z-index: 2; } 
.section_genAI .desc_item.left_item { left: 20%; bottom: 0; transform: translate3d(-50%, 0, 0); }
.section_genAI .desc_item.center_item { left: 50%; bottom: 0; transform: translate3d(-50%, 0, 0); }
.section_genAI .desc_item.right_item { left: 80%; bottom: 0; transform: translate3d(-50%, 0, 0); }


@media (max-width: 1600px) {
    .section_genAI .polygon .up_desc { font-size: 16px; }
    .section_genAI .polygon { font-size: 20px; }   
    .section_genAI .desc_item { font-size: 14px; } 
}
@media (max-width: 1280px) {
    .section_genAI .pic_box_wrap { margin-top: 2.5em; }
}
@media (max-width: 1024px) {
    .section_genAI .polygon { font-size: 16px; }   
    .section_genAI .desc_item { font-size: 13px; } 
    .section_genAI .pic_box_wrap { margin-top: 2em; margin-bottom: 1.25em; } 
}
@media (max-width: 768px) {
    .section_genAI .pic_box_wrap { flex-direction: column; margin-bottom: 0; padding: 0; }
    .section_genAI .pic_box { width: 100%; padding-top: 47%; }
    .section_genAI .polygon { width: 50%; padding-bottom: 2em; font-size: 3.2vw; }   
    .section_genAI .polygon .up_desc { font-size: 2.6vw; }
    
    .section_genAI .desc_item { display: inline-block; width: 20em; font-size: 2.7vw; text-align: center; z-index: 2; } 
    .section_genAI .desc_item.left_item,
    .section_genAI .desc_item.right_item { position: relative; left: auto; bottom: auto; width: 100%; margin: 1em 0; font-size: 14px; transform: none; }
    .section_genAI .desc_item.center_item { left: 50%; top: 60%; bottom: auto; transform: translate3d(-50%, -50%, 0); }
}