.fixed-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1}.fixed-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1}.fixed-bg picture{display:block;width:100%;height:100%}.fixed-bg picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.list-wrap .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (min-width:1201px){.list-wrap .item:hover .img-box{opacity:1;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@media only screen and (max-width:1200px){.list-wrap .item:active .img-box{opacity:1;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}.list-wrap .item .text-box{width:max(100% - 290px,63.235% - 40px);padding:16px 0}.list-wrap .item .text-box .title{font-size:2.5rem;line-height:1.2;letter-spacing:0.025em;word-break:break-word}.list-wrap .item .text-box p{margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.list-wrap .item .img-box{opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform 0.4s ease-out;transition:opacity 0.4s,-webkit-transform 0.4s ease-out;transition:opacity 0.4s,transform 0.4s ease-out;transition:opacity 0.4s,transform 0.4s ease-out,-webkit-transform 0.4s ease-out;position:relative;width:100%;overflow:hidden;width:min(36.765%,250px)}.list-wrap .item .img-box:before{padding-bottom:70%;display:block;content:""}.list-wrap .item .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.list-wrap .item .common-button{display:none}@media only screen and (max-width:1366px){.list-wrap .item .text-box .title{font-size:2rem}}@media only screen and (max-width:1200px){.list-wrap .item .img-box{opacity:1}}@media only screen and (max-width:575px){.list-wrap .item{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.list-wrap .item .text-box{max-width:100%;width:100%;padding:20px 0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.list-wrap .item .text-box .title{font-size:1.625rem}.list-wrap .item .img-box{max-width:250px;width:60%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;opacity:1;margin:0!important}.list-wrap .item .common-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.esg_detail main{padding:100px 0}@media only screen and (max-width:992px){.esg_detail main{padding:0}}.esg_detail section.content-block{width:85.3125%;margin:0 auto;background-color:#fff}.esg_detail section.content-block .close-group{padding:50px 62px}.esg_detail section.content-block .close-group .close-button{margin-left:auto}.esg_detail section.content-block .container{width:77.778%;margin:0 auto}.esg_detail section.content-block .header .paragraph-text{max-width:71.429%;margin-top:20px}.esg_detail section.content-block .header .share{margin-top:20px}.esg_detail section.content-block .header .banner{margin-top:60px;position:relative;width:100%;overflow:hidden}.esg_detail section.content-block .header .banner:before{padding-bottom:47.0957613815%;display:block;content:""}.esg_detail section.content-block .header .banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.esg_detail section.content-block .lineDec-block{margin:120px 0}.esg_detail section.content-block .other-block>.title{position:relative;z-index:0;text-align:center}.esg_detail section.content-block .other-block>.title .sm{font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:1px}.esg_detail section.content-block .other-block>.title .lg{position:absolute;top:40px;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);color:#F5F5F5;font-size:clamp(3.75rem,10.9375vw,13.125rem);font-weight:600;line-height:1.2;letter-spacing:1.3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:-1}.esg_detail section.content-block .otherDetail-block{position:relative;max-width:1092px;width:100%;margin:80px auto 0;z-index:1}@media only screen and (min-width:1201px){.esg_detail section.content-block .otherDetail-block .list-wrap .item:hover .img-box{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@media only screen and (max-width:1200px){.esg_detail section.content-block .otherDetail-block .list-wrap .item:active .img-box{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}.esg_detail section.content-block .otherDetail-block .list-wrap .item:not(:first-child){margin-top:90px}.esg_detail section.content-block .otherDetail-block .list-wrap .item:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.esg_detail section.content-block .otherDetail-block .list-wrap .item:nth-child(odd) .img-box{margin-right:40px}.esg_detail section.content-block .otherDetail-block .list-wrap .item:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.esg_detail section.content-block .otherDetail-block .list-wrap .item:nth-child(2n) .img-box{margin-left:40px}.esg_detail section.content-block .footer-topBtn{padding:200px 0 80px}@media only screen and (max-width:1200px){.esg_detail section.content-block .header .paragraph-text{max-width:100%}}@media only screen and (max-width:992px){.esg_detail section.content-block{width:100%}.esg_detail section.content-block .header .paragraph-text{max-width:100%}}@media only screen and (max-width:767px){.esg_detail main{padding:0}.esg_detail section.content-block{width:100%}.esg_detail section.content-block .header .banner{margin:60px auto 0;width:80%}.esg_detail section.content-block .close-group{padding:25px 16px}.esg_detail section.content-block .container{width:100%;padding:0 var(--padding-LR)}.esg_detail section.content-block .lineDec-block{margin:60px 0;padding:0 20px}.esg_detail section.content-block .otherDetail-block{width:100%}.esg_detail section.content-block .footer-topBtn{padding:40px 0 80px}}
/*# sourceMappingURL=esg_detail.css.map */