@charset "UTF-8";
#memo_sec_01{background-color: #02C6EC;position: relative;}
#memo_sec_01::before{content: "";width: 160px;height: 166px;position: absolute;right: 2%;bottom: 0;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/about/memoriable/icon-memoriable-02.svg");}
#memo_sec_01 h1,#memo_sec_01 p{color: #FFFFFF;text-align: center;}
#memo_sec_01_title span{display: flex;position: relative;font-size: 3.25rem;font-weight: bolder;align-items: center;justify-content: center;}
#memo_sec_01_title span::before,#memo_sec_01_title span::after{content: "";background-repeat: no-repeat;background-size: contain;background-position: center;display: inline-block; }
#memo_sec_01_title span::before{width: 68px;height: 115px;background-image: url("../images/about/memoriable/icon-memoriable-title-01.svg");margin-right: 2rem;}
#memo_sec_01_title span::after{width: 68px;height: 57px;background-image: url("../images/about/memoriable/icon-memoriable-title-02.svg");margin-left: 2rem;}
#memo_sec_01 p {margin: 0 auto;font-size: 2rem;padding-bottom: 4rem;}
.memo_01_box{background-color: #FFFFFF;padding: 0 0 4rem;}
.memo_01_title >span{background-color: #0000FF;display: inline-block;color: #FFFFFF;padding: 8px 1.5rem;}
.memo_01_num{font-size: 3rem;font-weight: bolder;text-align: center;padding-top: 1.5rem;}
.memo_01_ps{text-align: center;font-weight: bolder;}
.memo_01_num span{font-size: 5rem;}
.history_divide{position: relative;}
.history_divide::before{content: "";width: 2px;height: 100%;display: block;background-color: #0000FF;position: absolute; left: 50%;transform: translateX(-50%);top: 0;}
.history_divide::after{content: "";width: 24px;height: 24px;border-radius: 100%;display: block;background-color: #B8EE1E;position: absolute;left: 50%;transform: translateX(-50%);top: 0; animation: animation-large-medium 2s ease-in-out infinite;}
.history_box{display: flex;flex-wrap: wrap;position: relative;}
.history_box > div:nth-child(1),.history_box > div:nth-child(3){padding-bottom: 2.5rem;}
.history_box:nth-child(even) > div:nth-child(1){order: 3;}
.history_box:nth-child(even) > div:nth-child(2){order: 2;}
.history_box:nth-child(even) > div:nth-child(3){order: 1;}
.history_box h3{color: #326CDB;font-size: 1.5rem;font-weight: bolder;padding-top: 1rem;}
.history_box p{color: #ABABAB;font-size: 1.25rem;font-weight: bolder;letter-spacing: 2px;line-height: 169%;}
.story_box .year{display: inline-block;background-color: #B8EE1E;color: #0000FF;font-size: 2rem;padding: 0.25rem 2.5rem;font-weight: bolder;}
.story_box_context{padding: 2.5rem;}
.story_box_context h2{color: #326CDB;font-weight: bolder;font-size: 2.5rem;}
.story_box_context p{font-size: 1.25rem;letter-spacing: 2px;line-height: 189%;color:#ABABAB;font-weight: bolder;padding-top: 1.5rem;}
@media (max-width:1200px) {
    .story_box_context p {
        font-size: 1rem;
        line-height: 165%;
    }
}
@media (max-width:991px) {
    #memo_sec_01_title span {font-size: 2.5rem;}
    #memo_sec_01 p {font-size: 1.5rem;}
    .memo_01_num {font-size: 2rem;}
    .memo_01_num span {font-size: 3rem;}
    .story_box_context p {font-size: 1.25rem;}
}
@media (max-width:767px) {
    #memo_sec_01_title span::before {width: 45px;height: 78px;margin-right: 1rem;}
    #memo_sec_01_title span::after {width: 40px;height: 30px;margin-left: 1rem;}
    #memo_sec_01_title span {font-size: 2rem;}
    #memo_sec_01 p {font-size: 1.25rem;}
    .history_divide{position: absolute;height: 100%;left: 0;top: 0;}
    .history_box > div:nth-child(1){order: 3;}
    .history_box > div:nth-child(3){order: 1;padding-bottom: 0;}
    .history_divide {top: 17px;left: -25px;}
}
@media (max-width:575px) {
    .story_box_context {padding: 1rem;}
    #memo_sec_01{padding-bottom: 6rem!important;}
    #memo_sec_01::before {width: 120px;height: 125px;}
    .history_divide {left: -20px;}
}

@media (max-width:480px) {    
    .memo_01_num span {font-size: 2.5rem;}
    .memo_01_num {font-size: 1rem;}
    .memo_01_ps{font-size: 0.75rem;}
    #memo_sec_01_title span {font-size: 1.75rem;}
}
@media (max-width:450px) {
    .history_box p {font-size: 1rem;}
    .story_box_context h2 {font-size: 2rem;}
    .story_box .year {font-size: 1.5rem;}
    .story_box_context p {font-size: 1rem;}
}
@media (max-width:400px) {
    .memo_01_num span {font-size: 2rem;}
    .memo_01_box {padding-bottom:3rem;}
}

@media (max-width:375px) {    
    #memo_sec_01 p {font-size: 1rem;}
}
@media (max-width:350px) {
    .memo_01_ps{font-size: 0.6rem;}
}




.BusinessField-slider{position: relative;}
.BusinessField-slider::after{content: "";width: 14vw;height: 20vw;position: absolute;right: 4vw;bottom: -11vw;background-position: center;background-size: contain;background-repeat: no-repeat;
background-image: url("../images/about/business_field/banner_about_business_field_people.png");}
#field-sec-01{margin-bottom: -100px;}
.field_img{width: 50%;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: -50%;}
.field_box{background-color: #FFFF00;border-radius: 15px;color: #306397;position: relative;padding: 5rem 0 2rem;text-align: center;font-size: 2rem;font-weight: bolder;}
.field_num span{font-size: 3rem;}
#field-sec-02{padding-top: 10rem;}
#field-sec-02 img{margin-bottom: -50px;}
#field-sec-02,#field-sec-03,#field-sec-04{text-align: center;}
#field-sec-02 img{max-width: 600px;}
#field-sec-03 img,#field-sec-04 img{max-width: 700px;}
#fpg_field{background-image: url("../images/about/business_field/map_fpg_field_devide_map.svg");background-position: center;background-repeat: no-repeat;background-size: contain;}
.fpg_field_context{max-width: 760px;margin: 0 auto;font-weight: bolder;padding: 0 1rem 2rem;text-align: center;color: #808080;}
@media (max-width:1400px) {
    .field_img {top: -35%;}
}
@media (max-width:1200px) {
    .field_img {top: -25%;}
}
@media (max-width:991px) {
    .field_box {font-size: 1.5rem;padding-top: 3rem;}
    .field_num span {font-size: 2.5rem;}
}
@media (max-width:767px) {
    .field_box {font-size: 1.25rem;padding-top: 2rem;}
    .field_num span {font-size: 2rem;}
}
@media (max-width:575px) {
    .BusinessField-slider::after {width: 29vw;height: 43vw;}
}
@media (max-width:480px) {
    .field_box {font-size: 1rem;padding-bottom: 1.5rem;}
    .field_num span {font-size: 1.5rem;}
}
@media (max-width:400px) {
    .field_box {font-size: 0.85rem;}
}
@media (max-width:400px) {
    .field_box {font-size: 0.75rem;}
    .field_num span {font-size: 1.25rem;}
}
@media (max-width:320px) {
    .BusinessField-slider::after {width: 93px;height: 138px;}
}



#ProInfo-sec-01 h2{color: #084399;font-weight: bolder;font-size: 2.5rem;}
#ProInfo-sec-01 p{color: #666666;font-weight: bolder;font-size: 1.25rem;line-height: 189%;}
#ProInfo-sec-01 h2 span::before{content: "";display: block;width: 100%;height: 4px;background-color: #53D1EA;position: absolute; left: 0;bottom: -5px;}
#ProInfo-sec-01 h2 span::after{content: "";width: 160px;height: 108px;position: absolute;right: -100%;bottom: -10px;background-repeat: no-repeat;background-size: contain;background-position: center;
background-image: url("../images/about/product_info/icon_product_info_01.svg");}
#ProInfo_sec_02{background-image: linear-gradient(90deg, #52D9CD 0%, #7690FF 100%);}
#ProInfo_sec_02 .row > div{padding-bottom: 2rem;}
#ProInfo_sec_02 img{width: 100%;max-width: 150px;display: block;margin: 0 auto;}
#ProInfo_sec_02 figcaption{color: #FFFFFF; text-align: center;padding-top: 1rem;font-size: 1.25rem;font-weight: bolder;}
#ProInfo_sec_03{background-color: #CCDAE2;}
#ProInfo_sec_03 h1{font-weight: bolder; color: #004095;}
#ProInfo_sec_02 h1,#ProInfo_sec_03 h1{letter-spacing: 3px;font-size: 3rem;}
#ProInfo_sec_03 .row > div{padding-bottom: 1.5rem;}
.ProInfo_sec_03_box{background-color: #FFFFFF;padding: 20px 10px 4px;height: 100%;}
#ProInfo_sec_03 h6,#ProInfo_sec_03 p{text-align: center;;}
#ProInfo_sec_03 p{color: #ABABAB;font-weight: bolder;}
#ProInfo_sec_03 .icon_style{display: inline-block;position: relative; color: #084399;font-size: 1.25rem;font-weight: bolder;}
#ProInfo_sec_03 .icon_style::before{content: ""; display: inline-block; width: 30px;height: 30px; background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;left: -45px;top: -7px;}
#ProInfo_sec_03 #icon_company_01.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_01.svg");}
#ProInfo_sec_03 #icon_company_02.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_02.svg");}
#ProInfo_sec_03 #icon_company_03.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_03.svg");}
#ProInfo_sec_03 #icon_company_04.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_04.svg");}
#ProInfo_sec_03 #icon_company_05.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_05.svg");}
#ProInfo_sec_03 #icon_company_06.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_06.svg");}
#ProInfo_sec_03 #icon_company_07.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_07.svg");}
#ProInfo_sec_03 #icon_company_08.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_08.svg");}
#ProInfo_sec_03 #icon_company_09.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_09.svg");}
#ProInfo_sec_03 #icon_company_10.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_10.svg");}
#ProInfo_sec_03 #icon_company_11.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_11.svg");}
#ProInfo_sec_03 #icon_company_12.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_12.svg");}
#ProInfo_sec_03 #icon_company_13.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_13.svg");}
#ProInfo_sec_03 #icon_company_14.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_14.svg");}
#ProInfo_sec_03 #icon_company_15.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_15.svg");}
#ProInfo_sec_03 #icon_company_16.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_16.svg");}
#ProInfo_sec_03 #icon_company_17.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_17.svg");}
#ProInfo_sec_03 #icon_company_18.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_18.svg");}
#ProInfo_sec_03 #icon_company_19.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_19.svg");}
#ProInfo_sec_03 #icon_company_20.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_20.svg");}
#ProInfo_sec_03 #icon_company_21.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_21.svg");}
#ProInfo_sec_03 #icon_company_22.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_22.svg");}
#ProInfo_sec_03 #icon_company_23.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_23.svg");}
#ProInfo_sec_03 #icon_company_24.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_24.svg");}
#ProInfo_sec_03 #icon_company_25.icon_style::before{background-image: url("../images/about/product_info/icon_product_company_25.svg");}


@media (max-width:767px) {
    #ProInfo_sec_03 .icon_style::before {width: 24px;height: 24px;left: -28px;top: -2px;}
}
@media (max-width:575px) {
    #ProInfo-sec-01 h2 {font-size: 2rem; }
    #ProInfo-sec-01 h2 span::after {width: 100px;height: 68px;right: -115px;}
}
@media (max-width:500px) {
    #ProInfo_sec_02 h1, #ProInfo_sec_03 h1 {font-size: 2.5rem;}
}
@media (max-width:425px) {
    #ProInfo_sec_02 figcaption {font-size: 1rem;}
}
@media (max-width:375px) {
    #ProInfo_sec_02 h1, #ProInfo_sec_03 h1 {font-size: 1.85rem;}
    #ProInfo-sec-01 p {font-size: 1rem;}
}


.esg-sec-style{border-radius: 12px;padding: 2rem 1rem;margin-bottom: 3rem;}
#esg_sec_01{background-color: #C5D88D;}
#esg_sec_01 img{width: 220px;margin:1rem 2rem 2rem 0;}
#esg_sec_01 h2,#esg_sec_02 h2,#esg_sec_03 h2{font-size: 2.5rem; letter-spacing: 10px; font-weight: bolder;}
#esg_sec_01 h3,#esg_sec_02 h3,#esg_sec_03 h3{font-size: 2rem; font-family: "century-gothic", sans-serif;font-weight: 700;font-style: normal;color: #FFFFFF;-webkit-text-stroke-width: 3px;paint-order: stroke fill;letter-spacing: 2px;}
#esg_sec_01 p,#esg_sec_02 p,#esg_sec_03 p{font-size: 1.5rem;color: #FFFFFF;line-height: 156%;font-weight: bolder;}
#esg_sec_01 h2{color: #006837;}
#esg_sec_02 h2{color: #39168A;}
#esg_sec_03 h2{color: #AF8009;}
#esg_sec_01 h3{-webkit-text-stroke-color: #006837;}
#esg_sec_02 h3{-webkit-text-stroke-color: #39168A;}
#esg_sec_03 h3{-webkit-text-stroke-color: #AF8009;}
#esg_sec_02{background-color: #9BABE0;}
#esg_sec_03{background-color: #D1CCAA;}
#esg_sec_04{padding: 1rem 3.5rem 2rem;text-align: center;position: relative;}
#esg_sec_04::before,#esg_sec_04::after{content: "";width: 80px;height: 80px;background-size: contain;background-repeat: no-repeat;background-position: center;position: absolute;top: 50%;transform: translateY(-50%);}
#esg_sec_04::before{left: 0;background-image: url("../images/about/esg/icon_esg_earth.png");}
#esg_sec_04::after{right: 0;background-image: url("../images/about/esg/icon_esg_co2.svg");}
@media (min-width:576px) {
    .SliderVideo video{width: 100%;max-width: 100%;}
}
@media (max-width:1200px) {
    #esg_sec_01 p, #esg_sec_02 p, #esg_sec_03 p {font-size: 1.25rem;}
}
@media (max-width:991px) {
    #esg_sec_01_ImgBox{float: right;}
    #esg_sec_04 .title_h3 {font-size: 1.5rem;}
}
@media (max-width:767px) {
    #esg_sec_01 img {width: 150px;margin: 0;}
    #esg_sec_04 .title_h1{font-size: 2rem;}
    #esg_sec_04 .title_h2 {font-size: 1.6rem;}
    #esg_sec_04 {padding: 1rem 0 2rem;}
    #esg_sec_04::before {left: -43px;}
    #esg_sec_04::after{right: -43px;}
}
@media (max-width:600px) {
    #esg_sec_04::before {display: none;}
    #esg_sec_04::after{display: none;}
}
@media (max-width:575px) {
    #esg_sec_01 h3, #esg_sec_02 h3, #esg_sec_03 h3 {-webkit-text-stroke-width: 2px;}
    #fpg-esg #slider{height: 0;padding-top: 63.48%;position: relative;}
    #slider .SliderVideo{width: 100%; height: 100%; position: relative; overflow: hidden;position: absolute;left: 0;top: 0;}
    #slider .SliderVideo video{position: absolute; min-width: 1000%; min-height: 1000%; left: 50%; top: 50%;transform: translateX(-50%) translateY(-50%) scale(0.1);}
}
@media (max-width:450px) {
    #esg_sec_01 p, #esg_sec_02 p, #esg_sec_03 p {font-size: 1rem;}
    #esg_sec_01 h2, #esg_sec_02 h2, #esg_sec_03 h2 {font-size: 2.5rem;}
    #esg_sec_01 h3, #esg_sec_02 h3, #esg_sec_03 h3 {font-size: 1.5rem;}
    #esg_sec_01 img {width: 120px;}
    #esg_sec_04 .title_h3 {font-size: 1.15rem;}
    #esg_sec_04 .title_h1{font-size: 1.75rem;}
    #esg_sec_04 .title_h2 {font-size: 1.25rem;}
    #esg_sec_04 {padding-top: 0;}
}
@media (max-width:375px) {
    #esg_sec_01 p, #esg_sec_02 p, #esg_sec_03 p {font-size: 0.75rem;}
    #esg_sec_01 h2, #esg_sec_02 h2, #esg_sec_03 h2 {font-size: 1.75rem;letter-spacing: 8px;}
    #esg_sec_01 h3, #esg_sec_02 h3, #esg_sec_03 h3 {font-size: 1.15rem;}
    #esg_sec_01 img {width: 110px;}
    #esg_sec_04 .title_h1{font-size: 1.5rem;}
    #esg_sec_04 .title_h3 {font-size: 1rem;}
    #esg_sec_04 .title_h2 {font-size: 1rem;}
}

#news main{background-image: url(../images/about/bg-news.png);background-repeat: no-repeat;background-size: 45%;background-position: bottom right;padding-bottom:12rem;}
#news_block > div{margin-bottom: 2.5rem;}
#news_block a{text-decoration: none;}
.news_context{position: relative;padding-top: 1rem;color: #919191;font-weight: bold;padding-left: 1rem;}
.news_context p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* .news_type{position: absolute;right: 0;top: 10px;padding: 4px 12px; border:1px solid #C4C4C4 ;background-color: #EFF3F7;border-radius: 25px;} */
.news_img img{border-radius: 20px;}
#news_detail h4,.news_datatime{color: #29A3DA;font-size: 1.5rem;font-weight: bolder;letter-spacing: 2px;padding-bottom: 1rem;}
.btn_news_return,.btn_news_return:hover{color: #919191;font-weight: bolder;text-decoration: none;}
@media (max-width:991px) {
    #news main {background-size: 75%;}
}
@media (max-width:767px) {
    #news_block > div {margin-bottom: 2rem;}
}
@media (max-width:767px) {
    #news main {padding-bottom: 9rem;}
}