.articleItem-box{--count: 3;--gapX: clamp(20px, .1471rem + 1.9608vw, 40px);width:100%;display:flex;justify-content:flex-start;align-items:stretch;gap:clamp(40px,.2941rem + 3.9216vw,80px) var(--gapX);flex-wrap:wrap}.articleItem-box .articleItem{width:calc((100% - var(--gapX) * (var(--count) - 1)) / var(--count))}@media only screen and (min-width: 1201px){.articleItem-box .articleItem:hover .picBox .pic img{transform:scale(var(--scale-normal))}}@media only screen and (max-width: 1200px){.articleItem-box .articleItem:hover .picBox .pic img,.articleItem-box .articleItem:active .picBox .pic img{transform:scale(var(--scale-normal))}}.articleItem-box .articleItem .picBox{border-radius:10px;overflow:hidden}.articleItem-box .articleItem .picBox .pic{display:block;position:relative}.articleItem-box .articleItem .picBox .pic:before{display:block;width:100%;height:0;padding-bottom:61.8101545254%;content:""}.articleItem-box .articleItem .picBox .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.articleItem-box .articleItem .picBox .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.articleItem-box .articleItem .picBox .pic img{transition:transform .3s}.articleItem-box .articleItem .textBox{margin-top:20px}.articleItem-box .articleItem .date{color:#000c;font-size:1rem;font-weight:700;line-height:1.7}.articleItem-box .articleItem .itemTitle-l{margin-top:4px}.articleItem-box .articleItem .tag-box{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}.articleItem-box .articleItem .tag-box .tag{padding:4px 10px;border-radius:5px;background:#f3f3f3;color:#00cbb5;font-size:1rem;font-weight:400;line-height:1.7}.esg_article_detail-page{background:#fff}@media only screen and (max-width: 575px){.esg_article_detail-page .breadCrumbs .item:last-child,.esg_article_detail-page .breadCrumbs .item:nth-last-child(2) .icon-box:not(:has(.icon-home)){display:none}}.esg_article_detail-page .title-box.center .title{width:100%;justify-content:center;text-align:center;max-width:unset}@media only screen and (max-width: 768px){.esg_article_detail-page .title-box.center .title{justify-content:start}}.esg_article_detail-page .title-box.center .paragraph{text-align:center}.esg_article_detail-page .articleTitle{font-size:clamp(2.25rem,1.5882rem + 1.1765vw,3rem);font-weight:700;line-height:1.3}.esg_article_detail-page .decTitle{font-size:1.125rem;font-weight:700;line-height:1.6;display:flex;align-items:center;color:#00cbb5}.esg_article_detail-page .decTitle:before{content:"";display:inline-block;width:10px;height:3px;margin-right:10px;background-color:#00cbb5}section.breadCrumbs-block{position:relative;overflow:hidden}section.breadCrumbs-block .container{grid-column:var(--xl-grid);padding-block:20px}@media only screen and (max-width: 575px){section.breadCrumbs-block .container{padding-block:15px 20px}}section.article-block{position:relative}section.article-block .container{width:100%;padding-right:calc(var(--frSpace) * 3);padding-top:clamp(20px,-4.2647rem + 9.8039vw,120px);padding-bottom:clamp(50px,-.7353rem + 6.8627vw,120px);grid-column:var(--xs-grid);display:flex;flex-wrap:wrap;gap:clamp(20px,.1471rem + 1.9608vw,40px) 50px}section.article-block .title-box{flex:1}@media only screen and (max-width: 900px){section.article-block .title-box{width:100%}}section.article-block .title-box .paragraph{margin-top:10px}section.article-block .title-box .tag-box{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}section.article-block .title-box .tag-box .tag{padding:4px 10px;border-radius:5px;background:#fffc;color:#00cbb5;font-size:1rem;font-weight:400;line-height:1.7}section.article-block .date-box{flex-shrink:0;display:flex;flex-direction:column;gap:10px}@media only screen and (max-width: 900px){section.article-block .date-box{width:100%;flex-direction:row;align-items:center}}section.article-block .date-box .date{color:#0009;font-size:clamp(1.375rem,1.1544rem + .3922vw,1.625rem);font-weight:700;line-height:1.4}section.article-block .article-box{width:100%}section.article-block .background-layer{position:absolute;inset:0;z-index:-1}section.article-block .background-wrapper{position:sticky;top:0;left:0;width:calc(100% - var(--frSpace) * 3);height:100%;max-height:100vh}section.article-block .background-wrapper .img-box{position:absolute;width:100%;height:100%;border-radius:0 10px 10px 0;overflow:hidden}section.article-block .background-wrapper .img-box img{width:100%;height:100%;object-fit:cover;object-position:center}@media only screen and (max-width: 1600px){section.article-block .container{padding-right:calc(var(--frSpace) * 2)}section.article-block .background-wrapper{width:calc(100% - var(--frSpace) * 2)}}@media only screen and (max-width: 1400px){section.article-block .container{padding-right:calc(var(--frSpace) * 1)}section.article-block .background-wrapper{width:calc(100% - var(--frSpace))}}@media only screen and (max-width: 1200px){section.article-block .container{padding-right:0}section.article-block .background-wrapper{width:100%}}section.related-block{padding-top:clamp(50px,-.7353rem + 6.8627vw,120px)}section.related-block .container{position:relative;grid-column:var(--xs-grid)}section.related-block .articleItem-box{--count: 2;--gapX: clamp(80px, -8.2353rem + 23.5294vw, 320px);margin-top:clamp(20px,.1471rem + 1.9608vw,40px);position:relative}section.related-block .articleItem-box .decTitle{margin-bottom:clamp(20px,.1471rem + 1.9608vw,40px)}section.related-block .articleItem-box .articleItem:last-child:after{content:"";width:1px;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#0003}section.related-block .articleItem-box .articleItem:only-child{margin:auto}section.related-block .articleItem-box .articleItem:only-child:after{content:unset}@media only screen and (max-width: 900px){section.related-block .articleItem-box{--count: 1}section.related-block .articleItem-box .articleItem:last-child{position:relative}section.related-block .articleItem-box .articleItem:last-child:after{width:100%;height:1px;top:-20px;left:0;transform:translateZ(0)}}
