@charset "UTF-8";

/*共通*/
#cmeMain .circular-economy *,#cmeMain .circular-economy *:before,#cmeMain .circular-economy *:after{box-sizing:border-box}
.circular-economy{color:#222;font-weight:400;font-family:"Noto Sans JP",sans-serif;letter-spacing:.08em}
.circular-economy .container{margin:0 auto}
.circular-economy .anm{opacity:0;transform:translateY(50px);transition:opacity .6s ease-out,transform .6s ease-out}
.circular-economy .anm.--visibled{opacity:1;transform:translateY(0)}
@media print,screen and (min-width:768px){
.circular-economy{font-size:calc(16/12*1em);line-height:1.9}
.circular-economy .container{padding:0 13px;max-width:1200px}
.circular-economy .lead-text{font-size:calc(20/16*1em);text-align:center}
.circular-economy .only-sp{display:none!important}
}
@media only screen and (max-width:767.98px){
.circular-economy{font-size:calc(16/10.5*1em);line-height:1.7}
.circular-economy .container{padding:0 20px}
.circular-economy .lead-text{font-size:calc(18/16*1em);letter-spacing:.05em}
.circular-economy .only-pc{display:none!important}
}

/*TOP*/
:root{--autoplay-delay:4s}
.circular-economy .top-mv{position:relative;overflow:hidden}
.circular-economy .top-mv-slider{position:relative;display:flex}
.circular-economy .top-mv .swiper{width:50%}
.circular-economy .top-mv .swiper-slide{overflow:hidden;display:flex;align-items:center;justify-content:center}
.circular-economy .top-mv .swiper-slide>img{width:auto;height:auto;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;pointer-events:none}
.circular-economy .top-mv .swiper-slide-active>img,.circular-economy .top-mv .swiper-slide.--zooming>img{animation:top-mv-swiper-slide calc(var(--autoplay-delay)*2) linear}
.circular-economy .top-mv .swiper-slide-prev>img{transform:scale(1.075)}
.circular-economy .top-mv .swiper-slide-next>img{transform:scale(1.001)}
.circular-economy .top-mv-container{position:absolute;z-index:1;display:flex;top:0;height:100%;flex-direction:column;justify-content:flex-end}
.circular-economy .top-mv-title{font-weight:700;font-feature-settings:'palt';text-shadow:0 0 .2em rgba(0,0,0,.3);letter-spacing:.35em;color:#fff}
.circular-economy .top-mv-subtitle{font-size:0}
.circular-economy .top-main{overflow:hidden;background-color:#fff}
.circular-economy .lead-text{position:relative;z-index:1}
.circular-economy .top-article-list{display:grid}
.circular-economy .top-article-item{position:relative}
.circular-economy .top-article-item:before{position:absolute;display:block;background:url(/club-me/knowledge/circular-economy/img/bg_blur.jpg) no-repeat center center/100% 100%;aspect-ratio:1/1;pointer-events:none;content:''}
.circular-economy .top-article-item__inner{position:relative;z-index:1;display:grid}
.circular-economy .top-article-item__number{position:relative;margin-bottom:8px}
.circular-economy .top-article-item__number:before{position:absolute;display:block;background-color:#29b672;mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20134%20130%22%20width%3D%22134%22%20height%3D%22130%22%3E%3Cpath%20d%3D%22M126.0413%2C98.906l4.0755%2C2.644-10.28%2C5.2714.585-11.5611%2C3.9349%2C2.5528c4.8019-9.0343%2C7.4427-19.1166%2C7.6321-29.4451.251-13.6673-3.792-27.0676-11.556-38.3045-7.764-11.2371-18.8571-19.7418-31.7075-24.3107-12.8508-4.5689-26.8094-4.9707-39.9006-1.1484-13.0911%2C3.8222-24.6519%2C11.675-33.0462%2C22.4469C7.3842%2C37.8233%2C2.5812%2C50.969%2C2.0493%2C64.6281c-.5318%2C13.6593%2C3.2344%2C27.1403%2C10.7656%2C38.5359%2C7.5312%2C11.3948%2C18.4462%2C20.1269%2C31.2003%2C24.9612l-.3536.9373-.3536.9374c-13.1466-4.9816-24.3974-13.9834-32.1604-25.7291C3.3847%2C92.5252-.4974%2C78.6295.0509%2C64.5499s5.499-27.6296%2C14.1516-38.733C22.8552%2C14.7136%2C34.7716%2C6.6192%2C48.2656%2C2.6793c13.4939-3.9399%2C27.8821-3.5258%2C41.1283%2C1.1837%2C13.246%2C4.7095%2C24.68%2C13.4759%2C32.683%2C25.0587%2C8.003%2C11.5828%2C12.17%2C25.3954%2C11.912%2C39.4832-.1962%2C10.7034-2.9469%2C21.1506-7.9475%2C30.5011Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/100% 100%;aspect-ratio:134/130;pointer-events:none;content:''}
.circular-economy .top-article-item__number>img{vertical-align:top;transform:translateX(calc(-8/56*100%));aspect-ratio:1/1}
.circular-economy .top-article-item__title{font-weight:700;line-height:1.7;letter-spacing:.08em}
.circular-economy .top-article-item__img{overflow:hidden}
.circular-economy .top-article-item__img>img{width:100%;vertical-align:top}
.circular-economy .top-article-item__link{display:flex;padding:0 30px;font-weight:700;color:#179659;border:2px solid #29b672;border-radius:999px;justify-content:space-between;align-items:center;gap:0 15px}
.circular-economy .top-article-item__link:after{display:block;width:29px;background-color:#29b672;mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2029%2029%22%20width%3D%2229%22%20height%3D%2229%22%3E%3Cpath%20d%3D%22M19%2C20.2735v-4.7736H0v-2h19v-4.7735l10%2C5.7735-10%2C5.7736Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/100% 100%;aspect-ratio:1/1;content:''}
.circular-economy .top-article-item__link:hover{text-decoration:none}
@keyframes top-mv-swiper-slide{0%{transform:scale(1.075)}100%{transform:scale(1)}}
@keyframes top-mv-swiper-bullet-active{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@media print,screen and (min-width:768px){
.circular-economy .top-mv-slider{position:relative;height:min(800px,calc(800/1600*100vw))}
.circular-economy .top-mv .swiper{position:static;overflow:visible}
.circular-economy .top-mv .swiper-top-1{z-index:1}
.circular-economy .top-mv .swiper-top-2{z-index:0}
.circular-economy .top-mv .swiper-pagination{position:absolute;top:auto;right:20px;bottom:20px;left:auto;display:flex;width:auto;gap:0 4px}
.circular-economy .top-mv .swiper-pagination-bullet{position:relative;display:block;margin:0!important;width:90px;height:2px;background-color:#fff;border-radius:0;opacity:1}
.circular-economy .top-mv .swiper-pagination-bullet:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#29b672;transform:scaleX(0);transform-origin:left center;content:''}
.circular-economy .top-mv .swiper-pagination-bullet-active:before{animation:top-mv-swiper-bullet-active var(--autoplay-delay) linear forwards}
.circular-economy .top-mv-container{left:50%;padding:70px 13px;width:min(1306px,100vw);transform:translateX(-50%)}
.circular-economy .top-mv-title{font-size:min(calc(62/16*1em),calc(62/1600*100vw));line-height:1.45}
.circular-economy .top-mv-subtitle{margin-top:min(16px,calc(16/1600*100vw))}
.circular-economy .top-mv-subtitle>img{width:min(280px,calc(280/1600*100vw))}
.circular-economy .top-main{padding:90px 0 160px}
.circular-economy .top-article-list{margin-top:130px;gap:230px 0}
.circular-economy .top-article-item:before{top:max(-165px,calc(-165/1600*100vw));width:min(700px,calc(700/1600*100vw))}
.circular-economy .top-article-item__inner{align-items:center;gap:0 calc(107/1174*100%);grid-template-rows:1fr min-content min-content min-content min-content 1fr}
.circular-economy .top-article-item__inner:before,.circular-economy .top-article-item__inner:after{display:block;content:''}
.circular-economy .top-article-item__number:before{top:-40px;left:-50px;width:134px}
.circular-economy .top-article-item__number>img{width:54px}
.circular-economy .top-article-item__title{font-size:calc(32/16*1em)}
.circular-economy .top-article-item__description{margin-top:32px}
.circular-economy .top-article-item__img{grid-row:1/7}
.circular-economy .top-article-item__link{margin-top:32px;height:70px}
.circular-economy .top-article-item.--obverse:before{left:max(-214px,calc(-214/1600*100vw))}
.circular-economy .top-article-item.--obverse .top-article-item__inner{grid-template-columns:480px 1fr}
.circular-economy .top-article-item.--obverse .top-article-item__img{margin-right:calc((min(100vw,1200px) - 100vw)/2 - 13px);border-radius:999px 0 0 999px;grid-column:2/3;box-shadow:-10px 0 0 0 red inset}
.circular-economy .top-article-item.--reverse:before{right:max(-214px,calc(-214/1600*100vw))}
.circular-economy .top-article-item.--reverse .top-article-item__inner{grid-template-columns:1fr 480px}
.circular-economy .top-article-item.--reverse .top-article-item__img{margin-left:calc((min(100vw,1200px) - 100vw)/2 - 13px);border-radius:0 999px 999px 0;grid-column:1/2;box-shadow:10px 0 0 0 red inset}
}
@media only screen and (max-width:767.98px){
.circular-economy .top-mv-slider{height:420px}
.circular-economy .top-mv-container{left:0;padding:32px 20px;width:100%}
.circular-economy .swiper-pagination{display:none}
.circular-economy .top-mv-title{font-size:min(calc(20/16*1em),calc(20/375*100vw));line-height:1.6}
.circular-economy .top-mv-subtitle{margin-top:min(12px,calc(12/375*100vw))}
.circular-economy .top-mv-subtitle>img{width:min(153px,calc(153/375*100vw))}
.circular-economy .top-main{padding:40px 0 60px}
.circular-economy .top-article-list{margin-top:90px;gap:120px 0}
.circular-economy .top-article-item:before{top:-102px;width:393px}
.circular-economy .top-article-item__number:before{top:-28px;left:-35px;width:96px}
.circular-economy .top-article-item__number>img{width:39px}
.circular-economy .top-article-item__title{font-size:calc(22/16*1em)}
.circular-economy .top-article-item__description{margin-top:20px}
.circular-economy .top-article-item__img{margin:24px -20px 0}
.circular-economy .top-article-item__link{margin-top:24px;height:62px}
.circular-economy .top-article-item.--obverse:before{left:-125px}
.circular-economy .top-article-item.--reverse:before{right:-125px}
}
@media (any-hover:hover){
.circular-economy .top-article-item__link{position:relative;overflow:hidden;transition:color .5s ease}
.circular-economy .top-article-item__link:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:#29b672;transform:scaleX(0);transform-origin:right center;transition:transform .5s ease;content:''}
.circular-economy .top-article-item__link:after{position:relative;transition:background-color .5s ease .25s}
.circular-economy .top-article-item__link>span{position:relative}
.circular-economy .top-article-item__link:hover{color:#fff}
.circular-economy .top-article-item__link:hover:before{transform:scaleX(1);transform-origin:left center}
.circular-economy .top-article-item__link:hover:after{background-color:#fff}
}

/*記事*/
.circular-economy .article-mv{position:relative}
.circular-economy .article-mv-container{position:absolute;z-index:1;display:flex;top:0;height:100%;flex-direction:column}
.circular-economy .article-mv-subtitle{font-weight:700;letter-spacing:.08em;color:#fff}
.circular-economy .article-mv-number{position:relative}
.circular-economy .article-mv-title{font-weight:700;letter-spacing:.08em;color:#fff}
.circular-economy .article-mv-title>span>span:before{position:absolute;display:block;background-color:#fff;mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20134%20130%22%20width%3D%22134%22%20height%3D%22130%22%3E%3Cpath%20d%3D%22M126.0413%2C98.906l4.0755%2C2.644-10.28%2C5.2714.585-11.5611%2C3.9349%2C2.5528c4.8019-9.0343%2C7.4427-19.1166%2C7.6321-29.4451.251-13.6673-3.792-27.0676-11.556-38.3045-7.764-11.2371-18.8571-19.7418-31.7075-24.3107-12.8508-4.5689-26.8094-4.9707-39.9006-1.1484-13.0911%2C3.8222-24.6519%2C11.675-33.0462%2C22.4469C7.3842%2C37.8233%2C2.5812%2C50.969%2C2.0493%2C64.6281c-.5318%2C13.6593%2C3.2344%2C27.1403%2C10.7656%2C38.5359%2C7.5312%2C11.3948%2C18.4462%2C20.1269%2C31.2003%2C24.9612l-.3536.9373-.3536.9374c-13.1466-4.9816-24.3974-13.9834-32.1604-25.7291C3.3847%2C92.5252-.4974%2C78.6295.0509%2C64.5499s5.499-27.6296%2C14.1516-38.733C22.8552%2C14.7136%2C34.7716%2C6.6192%2C48.2656%2C2.6793c13.4939-3.9399%2C27.8821-3.5258%2C41.1283%2C1.1837%2C13.246%2C4.7095%2C24.68%2C13.4759%2C32.683%2C25.0587%2C8.003%2C11.5828%2C12.17%2C25.3954%2C11.912%2C39.4832-.1962%2C10.7034-2.9469%2C21.1506-7.9475%2C30.5011Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/100% 100%;aspect-ratio:134/130;pointer-events:none;content:''}
.circular-economy .article-mv-title>span>span>img{display:block;vertical-align:top;transform:translateX(calc(-8/56*100%));filter:brightness(0) invert(100%);aspect-ratio:1/1}
.circular-economy .article-main{position:relative;overflow:hidden}
.circular-economy .article-main:before,.circular-economy .article-main:after{position:absolute;z-index:-1;display:block;bottom:0;width:min(446px,calc(446/1600*100vw));background-color:#ccc;background-repeat:repeat-y;background-position:left top,left top;background-size:100% min(2800px,calc(2800/1600*100vw)),100% auto;pointer-events:none;content:''}
.circular-economy .article-main:before{top:min(1393px,calc(1393/1600*100vw));left:0;background-image:linear-gradient(to bottom,transparent 0,min(700px,calc(700/1600*100vw)),#fff min(700px,calc(700/1600*100vw)),#fff min(2800px,calc(2800/1600*100vw))),url(/club-me/knowledge/circular-economy/img/bg_blur_l.jpg)}
.circular-economy .article-main:after{top:0;right:0;background-image:linear-gradient(to bottom,transparent 0,min(700px,calc(700/1600*100vw)),#fff min(700px,calc(700/1600*100vw)),#fff min(2800px,calc(2800/1600*100vw))),url(/club-me/knowledge/circular-economy/img/bg_blur_r.jpg)}
.circular-economy .article-body{display:grid}
.circular-economy .article-section-title{position:relative;margin-bottom:var(--spacer-md);font-weight:700;letter-spacing:.08em}
.circular-economy .article-section-title:before{position:absolute;left:0;display:block;background-color:#29b672;mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2051%2045%22%20width%3D%2251%22%20height%3D%2245%22%3E%3Cpath%20d%3D%22M51%2C30.0236l-9.5051%2C6.5595-.9178-11.5265%2C4.0654%2C1.9373c.1996-1.1024.314-2.2231.3349-3.3532.0828-4.4534-1.252-8.8208-3.8175-12.4844-2.5655-3.6639-6.2322-6.439-10.4829-7.9302-4.2509-1.4913-8.8687-1.6225-13.1993-.3748-4.3305%2C1.2476-8.1526%2C3.8102-10.9267%2C7.3228-2.7739%2C3.5124-4.3599%2C7.7972-4.5354%2C12.2479-.1756%2C4.4506%2C1.0678%2C8.8443%2C3.5562%2C12.5594%2C2.4884%2C3.7153%2C6.0964%2C6.5645%2C10.3151%2C8.1421l-.3496.9383-.3495.9382c-4.6075-1.7231-8.5528-4.8367-11.2761-8.9026C1.1882%2C32.0313-.1745%2C27.2195.0179%2C22.3429s1.9302-9.5682%2C4.9653-13.4114c3.035-3.843%2C7.2131-6.6426%2C11.9418-8.005%2C4.7287-1.3624%2C9.7705-1.2192%2C14.4126.4093%2C4.6422%2C1.6286%2C8.6514%2C4.661%2C11.4588%2C8.6703%2C2.8075%2C4.0095%2C4.2704%2C8.7924%2C4.1796%2C13.6719-.0264%2C1.4197-.1914%2C2.8246-.4743%2C4.202l4.4982%2C2.1436Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center/100% 100%;aspect-ratio:51/45;pointer-events:none;content:''}
.circular-economy .article-section-title>span{color:#29b672}
.circular-economy .article-section-grid{display:grid;gap:var(--spacer-md)}
.circular-economy .article-section-grid+.article-section-grid{margin-top:var(--spacer-md)}
.circular-economy .article-section-text+.article-section-text,.circular-economy .article-section-text+.article-section-img,.circular-economy .article-section-img+.article-section-text,.circular-economy .article-section-img+.article-section-img{margin-top:var(--spacer-lg)}
.circular-economy .article-section-img{text-align:center}
.circular-economy .article-section-img>img,.circular-economy .article-section-img>picture>img{max-width:100%;vertical-align:top}
.circular-economy .article-section-img.--radius>img,.circular-economy .article-section-img.--radius>picture>img{border-radius:8px}
.circular-economy .article-footer{color:#333}
.circular-economy .article-footer a:link,.circular-economy .article-footer a:visited{text-decoration:none;color:inherit}
.circular-economy .article-footer-list{display:flex;gap:50px}
.circular-economy .article-footer-list+.article-footer-list{margin-top:50px}
.circular-economy .article-footer-item{display:grid;gap:15px 0;grid-template-rows:min-content auto}
.circular-economy .article-footer-item__img{background-color:#181818}
.circular-economy .article-footer-item__img>img{width:100%;vertical-align:top}
.circular-economy .article-footer-item__text{letter-spacing:0}
.circular-economy .article-footer-date{margin-top:35px;text-align:right;letter-spacing:0}
.circular-economy .article-footer-back{margin-top:35px}
.circular-economy .article-footer-back>a{text-align:center;letter-spacing:0;background-color:#fff;border:1px solid #dbdbdb;border-radius:3px}
.circular-economy .article-footer-back>a>span{position:relative;display:inline-block}
.circular-economy .article-footer-back>a>span:after{position:absolute;top:calc(50% - 3px);right:0;width:7px;height:7px;display:block;border-top:2px solid #c00;border-right:2px solid #c00;content:'';transform:rotate(45deg)}
@media print,screen and (min-width:768px){
:root{--spacer-lg:60px;--spacer-md:48px}
.circular-economy .article-mv{height:600px}
.circular-economy .article-mv-img{overflow:hidden;display:flex;height:100%;font-size:0;align-items:center;justify-content:center}
.circular-economy .article-mv-img>img,.circular-economy .article-mv-img>picture>img{width:auto;height:auto;min-width:100%;min-height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center}
.circular-economy .article-mv-container{left:50%;padding:105px 30px 0;width:min(1340px,100vw);transform:translateX(-50%)}
.circular-economy .article-mv-subtitle{margin-bottom:45px;font-size:calc(18/16*1em);line-height:1.6}
.circular-economy .article-mv-title{font-size:calc(42/16*1em);line-height:1.4}
.circular-economy .article-mv-title>span>span{position:relative}
.circular-economy .article-mv-title>span>span:before{top:-23px;left:-30px;width:84px}
.circular-economy .article-mv-title>span>span>img{width:39px}
.circular-economy .article-main{padding:120px 0}
.circular-economy .article-body{margin-top:120px;gap:120px 0}
.circular-economy .article-section-title{padding-left:65px;font-size:calc(32/16*1em);line-height:1.7}
.circular-economy .article-section-title:before{top:7px;width:51px}
.circular-economy .article-section-grid{grid-template-columns:repeat(2,1fr)}
.circular-economy .article-footer-list{margin:0 auto;max-width:1020px;justify-content:center;flex-wrap:wrap}
.circular-economy .article-footer-item{width:calc(50% - 25px)}
.circular-economy .article-footer-item__text{line-height:1.6}
.circular-economy .article-footer-date{line-height:calc(23/16)}
.circular-economy .article-footer-back{text-align:center}
.circular-economy .article-footer-back>a{display:inline-block;padding:10px 15px;line-height:calc(26/16)}
.circular-economy .article-footer-back>a>span{padding:0 13px}
}
@media only screen and (max-width:767.98px){
:root{--spacer-lg:30px;--spacer-md:30px}
.circular-economy .article-mv-img>img,.circular-economy .article-mv-img>picture>img{width:100%;vertical-align:top}
.circular-economy .article-mv-container{padding:30px 20px 0;width:100%}
.circular-economy .article-mv-subtitle{margin-bottom:min(16px,calc(16/375*100vw));font-size:min(calc(12/16*1em),calc(12/375*100vw));text-align:center;line-height:1.6;letter-spacing:.08em}
.circular-economy .article-mv-title{font-size:min(calc(20/16*1em),calc(20/375*100vw));text-align:center;line-height:1.7;letter-spacing:.08em}
.circular-economy .article-mv-title>span{position:relative;display:inline-block;min-width:10em}
.circular-economy .article-mv-title>span>span{position:absolute;top:-26px;left:-10px}
.circular-economy .article-mv-title>span>span:before{top:-12px;left:-17px;width:50px}
.circular-economy .article-mv-title>span>span>img{width:27px}
.circular-economy .article-main{padding:50px 0 60px}
.circular-economy .article-body{margin-top:50px;gap:50px 0}
.circular-economy .article-section-title{padding-left:48px;font-size:calc(24/16*1em);line-height:1.4}
.circular-economy .article-section-title:before{top:3px;width:35px}
.circular-economy .article-footer-list{flex-direction:column}
.circular-economy .article-footer-item__text{font-size:calc(15/16*1rem);line-height:1.8}
.circular-economy .article-footer-date{line-height:1.231}
.circular-economy .article-footer-back>a{display:block;padding:9px 14px;line-height:1.69231}
.circular-economy .article-footer-back>a>span{padding:0 12px}
}
@media (any-hover:hover){
.circular-economy .article-footer-item__img>img{transition:opacity .5s ease}
.circular-economy .article-footer-item:hover>.article-footer-item__img>img{opacity:.7}
.circular-economy .article-footer-back>a{transition:background-color .3s ease,color .3s ease}
.circular-economy .article-footer-back>a:hover{background-color:#f5f5f5;color:#c00}
}