/* override */
.global-footer {z-index:1000;display:none}
html {overflow-x:clip}
body {overflow-y:hidden}
body.is-released{overflow-y:initial}
body.is-released .global-footer{display:block}
body.is-active .mecycle-mv__scroll{opacity:1}
body.is-active .mecycle-mv__navi{opacity:1}
.c-menu-btn{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease, visibility .3s ease}
body.is-active .c-menu-btn{opacity:1;visibility:visible;pointer-events:initial}

/* common */
.mecycle-heading{color:#406f6b;font-size:40px;font-weight:700;line-height:calc(52/40)}
.mecycle-bg-movie{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden}
.mecycle-bg-movie video {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;object-fit:cover}
@media screen and (max-width:767.98px) {
	.mecycle-heading{font-size:20px}
}

/* mecycle-mv */
.mecycle-mv{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:calc(100vh - 99px);height:calc(100svh - 99px);min-height:470px;overflow:hidden}
.mecycle-mv__inner{position:absolute;top:0;left:0;height:100%;width:100%}
.mecycle-mv__inner .l-container{height:100%;width:100%}
.mecycle-mv__lottie{font-size:0;line-height:0;aspect-ratio:547 / 344;width:547px;height:auto;margin-top:-2%}
.mecycle-mv__scroll{font-size:0;line-height:0;position:absolute;left:30px;bottom:0;padding-bottom:95px;opacity:0;transition:opacity .8s ease}
.mecycle-mv__scroll img{width:10px}
.mecycle-mv__scroll span{background-color:#c2ccc0;font-size:0;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden;width:1px;height:80px}
.mecycle-mv__scroll span::after{background-color:#10180b;content:"";position:absolute;top:0;left:0;height:100%;animation:scroll 3s ease-in infinite;width:100%;transform:translateY(-100%)}
.mecycle-mv__navi{font-size:0;line-height:0;display:flex;justify-content:flex-end;gap:40px;list-style:none;opacity:0;transition:opacity .8s ease;margin-top:20px}
.mecycle-mv__navi a{display:block;font-size:0;line-height:0;position:relative}
.mecycle-mv__navi a img{width:auto;height:11px}
@media (hover:hover) {
	.mecycle-mv__navi a::after{background-color:#10180b;content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;transition:transform .5s ease}
	.mecycle-mv__navi a:hover::after{transform:scaleX(1);transform-origin:left}
}
@media screen and (max-width:767.98px) {
	.mecycle-mv{height:calc(100vh - 55px);height:calc(100svh - 55px);min-height:0%}
	.mecycle-mv__lottie{width:min(calc(547/750*100%), 547px)}
	.mecycle-mv__scroll{left:4%;padding-bottom:45px}
	.mecycle-mv__scroll img{width:7px}
	.mecycle-mv__scroll span{height:40px}
	.mecycle-mv__navi{display:none}
}
@media screen and (max-width:767.98px) and (orientation:landscape) {
	.mecycle-mv__lottie{width:auto;height:min(50svh, 344px)}
}
@keyframes scroll {
	0%{transform:translateY(-100%)}
	20%{transform:translateY(0)}
	21%{transform:translateY(0)}
	40%{transform:translateY(100%)}
	100%{transform:translateY(100%)}
}

/* mecycle-sections */
.mecycle-sections{margin-top:50px;position:relative}
.mecycle-sections .l-container{display:grid;grid-template-columns:max(180px, calc(290/1380*100%)) 1fr;gap:0 20px}
.mecycle-sections .l-container--inner{grid-column:1/3;grid-row:1/1}
.mecycle-sections .l-inner{max-width:980px;margin-left:max(180px, calc(290/1380*100%))}
@media screen and (max-width:767.98px) {
	.mecycle-sections{margin-top:0}
	.mecycle-sections .l-container{grid-template-columns:1fr;gap:0}
	.mecycle-sections .l-inner{max-width:none;margin-left:0}
}

/* mecycle-navi */
.mecycle-navi{margin-left:auto;margin-right:auto;position:relative;z-index:+2;grid-column:1/2;grid-row:1/1;margin-top:180px}
.mecycle-navi ul{font-size:0;line-height:0;list-style:none;position:sticky;top:calc(50% - 112px);display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.mecycle-navi ul li{padding:0 30px}
.mecycle-navi ul li a{display:block;position:relative}
.mecycle-navi ul li a img{width:auto;height:13px}
.mecycle-navi ul li a.is-current::after{background-color:#10180b;content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;transform:scaleX(1);transform-origin:left}
.mecycle-navi ul li a.is-current::before{background-color:#dd785d;border-radius:50%;content:"";position:absolute;left:-30px;top:calc(50% - 4px);width:8px;height:8px}
@media (hover:hover) {
	.mecycle-navi a::after{background-color:#10180b;content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;transform:scaleX(0);transform-origin:right;transition:transform .5s ease}
	.mecycle-navi a:hover::after{transform:scaleX(1);transform-origin:left}
}
@media screen and (max-width:767.98px) {
	.mecycle-navi{display:none}
}

/* mecycle-philosophy */
.mecycle-philosophy{padding:160px 0}
.mecycle-philosophy__lead{display:flex;justify-content:center;gap:0 calc(90/980*100%)}
.mecycle-philosophy__lead-img{width:130px;margin-top:15px}
.mecycle-philosophy__lead-text{font-size:20px;line-height:calc(54/20);font-weight:500;letter-spacing:0.12em}
.mecycle-philosophy__lead-text p+p{margin-top:32px}
.mecycle-philosophy__lead-text b{font-weight:700}
.mecycle-philosophy__section{margin-top:120px}
.mecycle-philosophy__section-movie{margin-top:40px}
.mecycle-philosophy__section-movie iframe{border:none;aspect-ratio:16/9;border-radius:8px;width:100%;height:auto;vertical-align:top}
.mecycle-philosophy__section-text{letter-spacing:.12em;margin-top:40px}
@media screen and (max-width:767.98px) {
	.mecycle-philosophy{padding:80px 0}
	.mecycle-philosophy__lead{display:grid;grid-template-columns:1fr;gap:35px 0}
	.mecycle-philosophy__lead-img{width:auto;margin-top:0;text-align:center}
	.mecycle-philosophy__lead-img img{width:calc(178/750*100vw)}
	.mecycle-philosophy__lead-text{font-size:16px;line-height:calc(54/32);text-align:center}
	.mecycle-philosophy__lead-text p+p{margin-top:16px}
	.mecycle-philosophy__lead-text b{font-weight:700}
	.mecycle-philosophy__section{margin-top:50px}
	.mecycle-philosophy__section-movie{margin-top:18px}
	.mecycle-philosophy__section-movie iframe{border-radius:4px}
	.mecycle-philosophy__section-text{letter-spacing:.07em;margin-top:30px}
}

/* mecycle-about */
.mecycle-about{padding:160px 0;position:relative;z-index:+1}
.mecycle-about::before{border-radius:32px;background-color:#fff;content:"";position:absolute;top:0;left:50%;width:100vw;width:100svw;height:100%;transform:translateX(-50vw);transform:translateX(-50svw);z-index:-1}
.mecycle-about__eng{font-size:0;line-height:0}
.mecycle-about__heading{margin-top:45px}
.mecycle-about__text{margin-top:30px;font-size:20px}
.mecycle-about__columns{display:grid;grid-template-columns:repeat(3, 1fr);gap:0 calc(40/980*100%);margin-top:60px}
.mecycle-about__columns-column{border-radius:8px;padding:45px calc(40/300*100%);position:relative}
.mecycle-about__columns-column h3{font-size:0;line-height:0;display:flex;justify-content:center;position:absolute;top:0;left:0;width:100%;transform:translateY(-50%)}
.mecycle-about__columns-column h3 span{box-sizing:content-box;background-color:#fff;display:block;padding:0 15px}
.mecycle-about__columns-column p{line-height:calc(31/16)}
.mecycle-about__columns-column:nth-child(1){border:2px solid #3ba17c}
.mecycle-about__columns-column:nth-child(2){border:2px solid #dd785d}
.mecycle-about__columns-column:nth-child(3){border:2px solid #5688c6}
.mecycle-about__columns-column:nth-child(1) h3 span{width:min(117px, calc(117/296*100%))}
.mecycle-about__columns-column:nth-child(2) h3 span{width:min(136px, calc(136/296*100%))}
.mecycle-about__columns-column:nth-child(3) h3 span{width:min(193px, calc(193/296*100%))}
.mecycle-about__img{margin-top:50px;text-align:center}
@media screen and (max-width:767.98px) {
	.mecycle-about{padding:80px 0}
	.mecycle-about::before{border-radius:16px}
	.mecycle-about__eng img{height:33px}
	.mecycle-about__heading{margin-top:22px}
	.mecycle-about__text{font-size:15px;line-height:calc(52/30);margin-top:10px}
	.mecycle-about__columns{grid-template-columns:1fr;gap:32px 0;margin-top:40px}
	.mecycle-about__columns-column{border-radius:4px;padding:25px 18px}
	.mecycle-about__columns-column h3 span{padding:0 7px}
	.mecycle-about__columns-column h3 span img{height:14px}
	.mecycle-about__columns-column p{line-height:calc(46/28)}
	.mecycle-about__columns-column:nth-child(1) h3 span{width:auto}
	.mecycle-about__columns-column:nth-child(2) h3 span{width:auto}
	.mecycle-about__columns-column:nth-child(3) h3 span{width:auto}
	.mecycle-about__img{margin-top:42px}
}

/* mecycle-products */
.mecycle-products{margin-top:280px;padding:160px 0 192px;position:relative;z-index:+1}
.mecycle-products::before{border-radius:32px 32px 0 0;background:url(/home/shiawase-share/mecycle/img/bg_products.jpg) center top/cover no-repeat;content:"";position:absolute;top:0;left:50%;width:100vw;width:100svw;height:100%;transform:translateX(-50vw);transform:translateX(-50svw);z-index:-1}
.mecycle-products__eng{font-size:0;line-height:0}
.mecycle-products__heading{margin-top:45px}
.mecycle-products__text{margin-top:30px;font-size:20px}
.mecycle-products__columns{border-top:1px solid rgba(149, 164, 151, 0.3);display:grid;grid-template-columns:repeat(2, 1fr);gap:100px calc(46/980*100%);margin-top:50px;padding-top:70px}
.mecycle-products__columns-column > h3{font-size:0;line-height:0}
.mecycle-products__columns-column > h3 img{height:26px}
.mecycle-products__columns-column > h3 span{display:block}
.mecycle-products__columns-column > p{font-size:18px;line-height:calc(30/18);margin-top:20px}
.mecycle-products__columns-column:nth-child(3){grid-column:1/3}
.mecycle-products__columns-column:nth-child(3) .mecycle-products__cards{grid-template-columns:repeat(3, 1fr);gap:20px calc(26/712*100%);max-width:712px}
.mecycle-products__cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:0 calc(26/467*100%);margin-top:40px}
.mecycle-products__cards-heading{grid-column:1/4;overflow:hidden;display:flex;justify-content:center}
.mecycle-products__cards-heading>span{display:flex;align-items:flex-end;gap:0 10px;position:relative;padding:0 20px}
.mecycle-products__cards-heading>span::before{background-color:#10180b;content:"";position:absolute;bottom:5px;left:100%;width:100vw;height:1px}
.mecycle-products__cards-heading>span::after{background-color:#10180b;content:"";position:absolute;bottom:5px;right:100%;width:100vw;height:1px}
.mecycle-products__cards-heading>span>img{width:235px}
.mecycle-products__cards-heading>span>span{line-height:1;font-weight:600}
.mecycle-products__cards-card__img{border-radius:8px;overflow:hidden}
.mecycle-products__cards-card__heading{font-size:17px;font-weight:700;letter-spacing:.03em;line-height:calc(26/18);margin-top:25px}
.mecycle-products__cards-card__text{line-height:calc(26/16);margin-top:10px}
.mecycle-products__cards-card__link{margin-top:25px}
@media print, screen and (min-width:768px) and (max-width:979.98px) {
	.mecycle-products__columns{grid-template-columns:1fr}
	.mecycle-products__columns-column:nth-child(3){grid-column:1/2}
	.mecycle-products__columns-column:nth-child(1) .mecycle-products__cards{gap:0 calc(26/466*100%);max-width:calc(466/712*100%)}
	.mecycle-products__columns-column:nth-child(2) .mecycle-products__cards{gap:0 calc(26/466*100%);max-width:calc(466/712*100%)}
}
@media screen and (max-width:767.98px) {
	.mecycle-products{margin-top:150px;padding:80px 0 96px}
	.mecycle-products::before{border-radius:16px 16px 0 0;background:url(/home/shiawase-share/mecycle/img/bg_products_sp.jpg) center top/cover no-repeat}
	.mecycle-products__eng img{height:33px}
	.mecycle-products__heading{margin-top:22px}
	.mecycle-products__text{font-size:15px;line-height:calc(52/30);margin-top:10px}
	.mecycle-products__columns{grid-template-columns:1fr;gap:50px 0;margin-top:35px;padding-top:40px}
	.mecycle-products__columns-column > h3 img{height:17px}
	.mecycle-products__columns-column > p{font-size:14px;line-height:calc(44/28);margin-top:12px}
	.mecycle-products__columns-column:nth-child(3){grid-column:1/2}
	.mecycle-products__columns-column:nth-child(3) .mecycle-products__cards{grid-template-columns:repeat(2, 1fr);gap:35px calc(50/750*100vw);max-width:none}
	.mecycle-products__cards{gap:35px calc(50/750*100vw);margin-top:20px}
	.mecycle-products__cards-heading{grid-column:1/3;margin-bottom:-15px}
	.mecycle-products__cards-heading>span{gap:0 5px;padding:0 7px}
	.mecycle-products__cards-heading>span>img{width:154px}
	.mecycle-products__cards-heading>span>span{font-size:10px}
	.mecycle-products__cards-card__img{border-radius:4px}
	.mecycle-products__cards-card__heading{font-size:13px;line-height:calc(44/26);margin-top:18px}
	.mecycle-products__cards-card__text{font-size:11px;line-height:calc(36/22);margin-top:2px}
	.mecycle-products__cards-card__link{margin-top:15px}
}

/* mecycle-news */
.mecycle-news{padding:160px 0 150px;position:relative;z-index:+1;margin-top:-32px}
.mecycle-news::before{border-radius:32px 32px 0 0;background-color:#fff;content:"";position:absolute;top:0;left:50%;width:100vw;width:100svw;height:100%;transform:translateX(-50vw);transform:translateX(-50svw);z-index:-1}
.mecycle-news__eng{font-size:0;line-height:0}
.mecycle-news__article{margin-top:15px}
.mecycle-news__article>ul{list-style:none}
.mecycle-news__article>ul>li{display:grid;grid-template-columns:auto 163px 1fr;gap:0 25px;padding:40px 0;line-height:calc(30/16)}
.mecycle-news__article>ul>li+li{border-top:1px solid rgba(149, 164, 151, 0.3)}
.mecycle-news__article-theme{border-radius:23px;border-width:2px;border-style:solid;font-size:0;line-height:0;display:flex;align-items:center;justify-content:center;height:26px;margin-top:3px}
.mecycle-news__article-theme img{height:11px}
.mecycle-news__article-theme.theme--info{font-size:14px;font-weight:700;line-height:1;color:#788080;border-color:#95a6a5}
.mecycle-news__article-theme.theme--recycle{border-color:#3ba17c}
.mecycle-news__article-theme.theme--longlife{border-color:#dd785d}
.mecycle-news__article-theme.theme--maintenance{border-color:#5688c6}
.mecycle-news__article-text a{color:#10180b;text-decoration:underline}
@media (hover:hover) {
	.mecycle-news__article-text a:hover{text-decoration:none}
}
@media print, screen and (min-width:768px) and (max-width:979.98px) {
	.mecycle-news__article>ul>li{gap:5px 25px}
	.mecycle-news__article-text{grid-column:1/4;grid-row:2/3}
}
@media screen and (max-width:767.98px) {
	.mecycle-news{padding:80px 0 90px;margin-top:-16px}
	.mecycle-news::before{border-radius:16px 16px 0 0}
	.mecycle-news__eng img{height:33px}
	.mecycle-news__article{margin-top:15px}
	.mecycle-news__article>ul>li{grid-template-columns:auto 108px 1fr;gap:12px 10px;padding:25px 0;line-height:calc(46/28)}
	.mecycle-news__article-theme{border-radius:9px;border-width:1px;height:17px;margin-top:0}
	.mecycle-news__article-theme img{height:7px}
	.mecycle-news__article-theme.theme--info{font-size:10px}
	.mecycle-news__article-date{font-size:13px;line-height:1;padding-top:2px}
	.mecycle-news__article-text{grid-column:1/4;grid-row:2/3}
}