.sc_overview_main{  position: relative;}
.ovv_headline_wrap{text-align: center;}
.ovv_headline{display: block; font-size: 54px;font-weight: 600;line-height: 1.5;color: #000;padding: 240px 0 260px;position: relative;} 

.bnr_overlay_wrap{ overflow: hidden;position: absolute;clip-path: inset(47% 0% 0%);width: 100%;height: 100vh;top: 0;right: 0;bottom: 0;left: 0;margin: 0 auto;text-align: center;
}

.bnr_overlay_wrap .ovv_headline{color: #fff;}
.ovv_main_bnr { position: absolute;z-index: -1;width: 93%;height: 100%;top: 0;bottom: 0;left: 50%;transform: translateX(-50%);}
.ovv_main_bnr::before{content: "";display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.25);}
.ovv_main_bnr img{width: 100%;height: 100%;}
.ovv_main_bnr_img img{position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;bottom: 0;left: 50%;transform: translateX(-50%); object-fit: cover;}
.ovv_subline_wrap{text-align: center;line-height: 1.5;letter-spacing: -0.4px;position: relative;z-index: -1;padding: 0 20px;}
.bnr_overlay_wrap .ovv_subline_wrap{opacity: 0;z-index: 1;}
.ovv_subline_wrap strong{display: block; font-size:40px;color: #000;font-weight: 500;padding-bottom: 30px;line-height: 1.5;}
.ovv_subline_wrap p{font-size: 18px;color: #000;}
.bnr_overlay_wrap .ovv_subline_wrap strong, .bnr_overlay_wrap .ovv_subline_wrap p{color: #fff;}
.sc_esg_goal{padding-bottom: 200px;}
.esg_goal_circle{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding-top: 100px;}
.circle_box{display: flex;flex-wrap: wrap;flex-direction: column; justify-content: center;align-items: center;border: 1px solid #000000;border-radius: 50%;width: 340px;height: 340px;text-align: center;line-height: 1.5;background: #fff;}
.circle_box:nth-child(2),
.circle_box:last-child{margin-left: -30px;}
.circle_box b{font-size: 22px;font-weight: 500;color: #BFBFBF;}
.circle_box b span{color: #000;}
.circle_box p{font-size: 16px;padding-top: 15px;}
.sc_esg_vision{text-align: center;}
.sc_esg_vision b{font-size: 30px;font-weight: 600;line-height: 1.5;}
.esg_vision_img{max-width: 1048px;width: 100%;margin: 60px auto 200px;padding: 0 20px;}
.esg_vision_img.mo_block{display: none;}
.esg_vision_img img{width: 100%;}

.sc_esg_plan{}
.esg_plan_title {border-bottom: 1px solid #EAEAEA;}
.esg_plan_title b{font-size: 30px;font-weight: 600;line-height: 1.5;display: block;padding: 0 20px 50px;max-width: 1400px;width: 100%;margin: 0 auto}
.esg_plan_info_wrap{max-width: 1400px;width: 100%;margin: 0 auto;padding: 0 20px;}
.plan_info_box{display: flex;align-items: baseline;}
.esg_plan_year{font-size: 50px;font-weight: 500;line-height: 1.5;width: 20%;}
.esg_plan_desc{padding: 100px 0 100px 60px;border-left: 1px solid #EAEAEA;width: 80%;}
.plan_period{display: flex;flex-wrap: wrap;align-items: center;}
.plan_period b{    width: 200px; font-weight: 500;font-size: 50px;line-height: 1.5;display: inline-block;padding-right: 30px;}
.plan_period_desc{}
.plan_period span{font-size: 24px;font-weight: 600;line-height: 1.5;}
.plan_desc{    padding-top: 10px;}
.plan_desc li{font-size: 16px;line-height: 28px;padding-left: 25px;position: relative;}
.plan_desc li:before{content: "";display: block;width: 2px;height: 2px;background: #000;border-radius: 50%;position: absolute;top: 50%;left: 12px;}


@media all and (max-width: 1024px) {
    .sc_overview_main_inner {
        display: flex
    ;
        flex-direction: column;
        justify-content: space-between;
        padding: 115px 0 60px;
        height: 100vh;
    }
    .bnr_overlay_wrap{    display: flex
        ;
            flex-direction: column;
            justify-content: space-between;
            padding: 115px 0 60px;}
    .ovv_headline{padding: 0;font-size: 28px;}
    .ovv_subline_wrap strong{font-size: 22px;}
    .ovv_subline_wrap p{font-size: 15px;line-height: 25px;}
    .bnr_overlay_wrap {clip-path: inset(25% 0% 0%);}
    .esg_goal_circle{padding-top: 0;}
    .circle_box{width: 280px;height: 280px;}
    .circle_box b{font-size: 18px;}
    .circle_box p{font-size: 14px;padding-top: 10px;}
    .sc_esg_goal{padding-bottom: 120px;}
    .esg_vision_img{    margin: 40px auto 120px;}
    .esg_plan_desc{    padding: 20px 0 60px 20px;}




}

@media all and (max-width: 767px) {
   
    .ovv_subline_wrap strong .mo_block,
    .ovv_subline_wrap p .mo_block{display: block;}
    .esg_goal_circle{flex-direction: column;}
    .circle_box:nth-child(2), .circle_box:last-child {margin-left: 0;margin-top: -20px;}
    .esg_vision_img.pc_block{display: none;}
    .esg_vision_img.mo_block{display: block;padding: 0;}
    .esg_plan_title{position: sticky;top: 54px;left: 0;background: #fff;z-index: 1;}
    .esg_plan_title b{font-size: 18px;padding: 20px;}
    .esg_plan_year {font-size: 24px;width: 100px;}
    .esg_plan_desc{width: calc(100% - 100px);}
    .plan_period{flex-direction: column;align-items: baseline;}
    .plan_period b{font-size: 24px;padding: 0 0 20px;display: block;width: unset;}
    .plan_period span{font-size: 15px;}
    .sc_esg_vision b{font-size: 18px;}
    .plan_desc {padding-top: 10px;}
    .plan_desc li{font-size: 13px;line-height: 24px;padding-left: 0;}
    .plan_desc li:before{display: none;}
    .esg_plan_info_wrap > div:last-child .esg_plan_desc{padding-bottom: 150px;}




}