@import url('sub.css'); 

/* Overview */
.basic_cont:has(.overview_cont) {width: 100%; max-width: 100%;}

.overview_cont .overview_flex {display: flex; align-items: center; gap: 100px;}

.overview_cont .overview_flex .imgbox {width: 50%; flex-shrink: 0;}
.overview_cont .overview_flex .imgbox img {width: 100%;}
.overview_cont .overview_flex .txtbox {padding-right: calc((100% - 1590px) / 2);}
.overview_cont .overview_flex .txtbox h3 {margin-bottom: 40px;}
.overview_cont .overview_flex .txtbox h3 span {letter-spacing: inherit; line-height: inherit;}
.overview_cont .overview_flex .txtbox p.fs24 {margin-bottom: 25px;}
.overview_cont .overview_flex .txtbox .txtbox_body {display: flex; flex-direction: column; gap: 12px;}

.overview_cont .overview_business h3 {margin-bottom: 40px;}
.overview_cont .overview_business h3 span {line-height: inherit; letter-spacing: inherit; margin-bottom: 40px;}

.overview_cont .overview_business ol {gap: 50px 30px;}
.overview_cont .overview_business ol li .imgbox {aspect-ratio: 510 / 380; margin-bottom: 15px;}
.overview_cont .overview_business ol li .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.overview_cont .overview_business ol li .txtbox {display: flex; gap: 12px; align-items: flex-start;}
.overview_cont .overview_business ol li .txtbox .num {flex-shrink: 0;}

/* Leadership Message */
.basic_cont:has(.message_cont) {width: 100%; max-width: 100%; margin-bottom: 0;}
.message_cont {background: url('/eng/about/img/message_bg.png') no-repeat center center / cover; padding-bottom: 200px;}
.message_cont .message_in {display: flex; align-items: flex-start; }
.message_cont .message_in .message_txt {padding-right: 150px; flex: 1;}
.message_cont .message_in .message_txt h3 {margin-bottom: 40px;}
.message_cont .message_in .message_txt h3 span {line-height: inherit;}
.message_cont .message_in .message_txt .message_txt_body {display: flex; flex-direction: column; gap: 12px; margin-top: 25px;}
.message_cont .message_in .message_txt .ceo {display: flex; gap: 5px; margin-top: 60px; flex-direction: column;}

.message_cont .message_in .message_img {width: 40%; max-width: 605px; flex-shrink: 0; position: relative;}
.message_cont .message_in .message_img > img {width: 100%;}
.message_cont .message_in .message_img .message_img_logo {position: absolute; left: -60px; bottom: -70px; width: 40%; max-width: 210px;}
.message_cont .message_in .message_img .message_img_logo img {max-width: 100%;}

/*******************************************************************************
    @media ~1920px
*******************************************************************************/
@media all and (max-width:1920px){
/* Overview */
.overview_cont .overview_flex .txtbox .txtbox_body br {display: none;}
}

/*******************************************************************************
    @media ~1766px
*******************************************************************************/
@media all and (max-width:1766px){
/* Overview */
.overview_cont .overview_flex .txtbox {padding-right: 5%;}
}

/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){
/* Overview */
.overview_cont .overview_flex {gap: 80px; align-items: flex-start;}
.overview_cont .overview_flex br {display: none;}

/* Leadership Message */
.message_cont .message_in .message_txt br {display: none;}
}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* Overview */
.overview_cont .overview_flex {gap: 50px;}

.overview_cont .overview_business ol {gap: 40px 20px; grid-template-columns: repeat(2,1fr);}

/* Leadership Message */
.message_cont .message_in .message_txt {padding-right: 100px;}
}

/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){
/* Overview */
.overview_cont .overview_flex {flex-wrap: wrap; gap: 20px;}

.overview_cont .overview_flex .txtbox h3 {margin-bottom: 20px;}
.overview_cont .overview_flex .imgbox {width: 100%;}
.overview_cont .overview_flex .txtbox {padding: 0 5%;}

.overview_cont .overview_business ol {gap: 30px 20px;}

/* Leadership Message */
.message_cont {padding-bottom: 150px;}
.message_cont .message_in {flex-direction: column-reverse; gap: 100px;}
.message_cont .message_in .message_img {width: 100%; margin: 0 auto; max-width: 100%;}
.message_cont .message_in .message_img .message_img_logo {left: auto; right: 0; width: 180px;}
.message_cont .message_in .message_txt {padding-right: 0;}
.message_cont .message_in .message_txt h3 {margin-bottom: 20px;}
.message_cont .message_in .message_txt .ceo {margin-top: 30px;}

}

/*******************************************************************************
    @media ~680px
*******************************************************************************/
@media all and (max-width:680px){
/* Overview */
.overview_cont .overview_flex .txtbox .txtbox_body {gap: 6px;}
.overview_cont .overview_flex .txtbox p.fs24 {margin-bottom: 10px;}

.overview_cont .overview_business ol li .imgbox {margin-bottom: 10px;}
.overview_cont .overview_business ol {gap: 20px 10px; grid-template-columns: 1fr;}
.overview_cont .overview_business ol li .txtbox {gap: 8px;}

/* Leadership Message */
.message_cont {padding-bottom: 80px;}
.message_cont .message_in {gap: 50px;}
.message_cont .message_in .message_img .message_img_logo {width: 130px; bottom: -40px;}
.message_cont .message_in .message_txt h3 {margin-bottom: 15px;}
.message_cont .message_in .message_txt .message_txt_body {margin-top: 10px; gap: 6px;}
.message_cont .message_in .message_txt .ceo {gap: 2px;}
}