body{font-feature-settings:"palt";letter-spacing:.08em;line-height:1.75;overflow-x:hidden;font-weight:400;color:var(--clr-black)}@media screen and (min-width: 1080px){a{cursor:pointer;transition:all ease .4s}a:hover{color:inherit;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;transition:all ease .2s}}.page-sdgs{font-family:"Noto Sans JP",sans-serif;--clr-primary: #00a9e0;--clr-green: #1A7941;--clr-bgGray: #F5F6F8;--clr-black: #101010;--wrapper-spacing: 20px;--wrapper-spacing: clamp(20px, 5vw, 120px)}.page-sdgs *{margin:0;padding:0}.page-sdgs p,.page-sdgs a{color:inherit}.page-sdgs picture{display:block;width:100%}.page-sdgs img{vertical-align:bottom}.page-sdgs .wrapper{max-width:100%;margin:0 auto;padding:0 var(--wrapper-spacing)}@media screen and (min-width: 1080px){.page-sdgs .wrapper{width:90%;padding:0}.page-sdgs .wrapper.-md{max-width:1284px}.page-sdgs .wrapper.-sm{max-width:1118px}}.page-sdgs .m-link{display:inline-block;color:var(--clr-primary);font-size:12px}.page-sdgs .m-link:hover{color:var(--clr-primary)}.page-sdgs .m-link::after{content:"";display:inline-block;width:.4em;height:.4em;margin:0 0 .1em .4em;line-height:1;border-top:solid 1px var(--clr-primary);border-right:solid 1px var(--clr-primary);transform:rotate(45deg);vertical-align:middle}.page-sdgs .m-txtGrade{display:inline;-webkit-background-clip:text;color:rgba(0,0,0,0);background-image:linear-gradient(to right, #6BCBB8, #28884F)}.page-sdgs .m-deco-leaves{display:block;position:absolute;z-index:inherit;width:72px;height:82px;background:center/contain no-repeat url("https://cdn.shopify.com/s/files/1/0509/0757/8575/files/sdgs-deco-leaves.svg?v=1661240661")}.page-sdgs .m-iconList{display:grid;grid-template-columns:repeat(auto-fill, 60px);gap:10px}@media screen and (min-width: 1080px){.page-sdgs .m-iconList{gap:16px}}.page-sdgs .m-iconList li{position:relative}.page-sdgs .m-iconList li::before{content:"";display:block;padding-bottom:100%}.page-sdgs .m-iconList li img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.page-sdgs .m-fadeInB.js-scroll{opacity:0}.page-sdgs .m-fadeInB.js-scroll.is-active{animation:m-fadeInB .2s linear forwards}@keyframes m-fadeInB{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}.page-sdgs .m-sp{display:block}@media screen and (min-width: 1080px){.page-sdgs .m-sp{display:none}}.page-sdgs .m-pc{display:none}@media screen and (min-width: 1080px){.page-sdgs .m-pc{display:block}}.page-sdgs .m-en,.page-sdgs .Point .wrapper::after,.page-sdgs .Message .heading,.page-sdgs .Kv .head .author,.page-sdgs .Kv .head .heading{font-family:din-2014-narrow,sans-serif;font-weight:600;font-style:normal}.page-sdgs .m-img{width:100%;height:100%;object-fit:contain}.page-sdgs .m-green{color:var(--clr-green)}.page-sdgs .Kv{padding:45px 0 50px;background:var(--clr-bgGray);text-align:center;letter-spacing:.1em}@media screen and (min-width: 1080px){.page-sdgs .Kv{padding:45px 0 130px}}.page-sdgs .Kv .head .lead{margin-bottom:12px;font-size:12px;line-height:1}@media screen and (min-width: 1080px){.page-sdgs .Kv .head .lead{font-size:14px}}.page-sdgs .Kv .head .heading{font-size:32px;letter-spacing:.2em;line-height:1}@media screen and (min-width: 1080px){.page-sdgs .Kv .head .heading{font-size:48px}}.page-sdgs .Kv .head .author{margin-top:12px;font-size:16px;letter-spacing:.08em;line-height:1}@media screen and (min-width: 1080px){.page-sdgs .Kv .head .author{margin-top:20px;font-size:26px}}.page-sdgs .Kv .catch{position:relative;width:100vw;margin:36px calc((100vw - 100%)/2*-1) 0}@media screen and (min-width: 1080px){.page-sdgs .Kv .catch{width:608px;margin:16px auto 0}}.page-sdgs .Kv .catch .m-deco-leaves{position:absolute;z-index:inherit;top:40px;right:30px;width:52px;height:60px;opacity:0;animation:m-fadeInB .2s .5s linear forwards}@media screen and (min-width: 1080px){.page-sdgs .Kv .catch .m-deco-leaves{top:90px;right:0}}@media screen and (min-width: 1080px){.page-sdgs .Outline{margin:-90px 0 0}}.page-sdgs .Outline .head{margin:0 calc((100vw - 100%)/2*-1);padding:20px;background:#175d34;color:#fff}@media screen and (min-width: 1080px){.page-sdgs .Outline .head{display:flex;justify-content:center;align-items:center;margin:0}}.page-sdgs .Outline .head .logo{width:70%;margin:0 auto 16px}@media screen and (min-width: 1080px){.page-sdgs .Outline .head .logo{flex-shrink:0;width:313px;margin:0}}.page-sdgs .Outline .head .txt{padding-top:18px;border-top:solid 1px rgba(193,211,201,.3);font-size:14px;font-weight:700;text-align:center}@media screen and (min-width: 1080px){.page-sdgs .Outline .head .txt{margin-left:30px;padding:0 0 0 25px;border-top:none;border-left:solid 1px rgba(193,211,201,.3);text-align:left}}.page-sdgs .Outline .content{margin:0 calc((100vw - 100%)/2*-1);padding:55px var(--wrapper-spacing) 60px;background:var(--clr-green);color:#fff;font-size:14px;line-height:2.3}@media screen and (min-width: 1080px){.page-sdgs .Outline .content{position:relative;margin:0;padding:clamp(20px,60px,4vw) clamp(40px,120px,8vw);font-size:16px}}.page-sdgs .Outline .content .m-deco-leaves{display:none}@media screen and (min-width: 1080px){.page-sdgs .Outline .content .m-deco-leaves{display:block;bottom:-30px;right:-28px}}.page-sdgs .Outline .content p+p{margin-top:16px}.page-sdgs .Message{padding:190px 0 0}@media screen and (min-width: 1080px){.page-sdgs .Message{padding:120px 0 112px}}.page-sdgs .Message .wrapper{position:relative;max-width:972px}@media screen and (min-width: 1080px){.page-sdgs .Message .wrapper{display:flex}}.page-sdgs .Message .heading{position:relative;padding:0 0 190px 10px;flex-shrink:0;font-size:16px;letter-spacing:.2em}@media screen and (min-width: 1080px){.page-sdgs .Message .heading{padding:80px 0 0 40px}}.page-sdgs .Message .heading::before{content:"";display:block;position:absolute;z-index:inherit;top:-65px;left:-9px;width:40px;height:45px;background:center/contain no-repeat url("https://cdn.shopify.com/s/files/1/0509/0757/8575/files/sdgs-deco-leaves.svg?v=1661240661")}@media screen and (min-width: 1080px){.page-sdgs .Message .heading::before{top:5px;left:21px}}.page-sdgs .Message .txt{font-size:14px;line-height:2.3}@media screen and (min-width: 1080px){.page-sdgs .Message .txt{margin:0 clamp(20px,83px,4vw) 0 clamp(20px,122px,6vw)}}.page-sdgs .Message .thum{position:absolute;top:0;right:50px;width:120px}@media screen and (min-width: 1080px){.page-sdgs .Message .thum{position:static;flex-shrink:0}}.page-sdgs .Message .thum .caption{margin-top:8px;font-size:12px;font-weight:700;line-height:1.2;text-align:center}.page-sdgs .Point{padding:240px 0 0;counter-increment:pointNum}@media screen and (min-width: 1080px){.page-sdgs .Point{padding:80px 0 290px;position:relative;z-index:1}.page-sdgs .Point::before{content:"";display:block;position:absolute;z-index:-1;width:50vw;top:0;left:calc((100vw - 100%)/2*-1);bottom:0;background:var(--clr-bgGray)}}@media screen and (min-width: 1080px){.page-sdgs .Point.-first{padding-top:250px}}.page-sdgs .Point .wrapper{position:relative;z-index:1}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper{display:flex}}.page-sdgs .Point .wrapper::after{content:counter(pointNum, decimal-leading-zero);position:absolute;z-index:inherit;top:-110px;left:var(--wrapper-spacing);display:flex;align-items:center;justify-content:center;width:60px;height:60px;line-height:1;border-radius:50%;font-size:14px;font-weight:700;color:var(--clr-green);border:solid 1px var(--clr-green)}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper::after{top:-130px;left:0;width:83px;height:83px}}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .head{width:475px;flex-shrink:0;margin:0 clamp(40px,126px,4vw) 0 0}}.page-sdgs .Point .wrapper .head .heading{font-size:28px;font-weight:700;line-height:1.4;letter-spacing:.08em}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .head .heading{font-size:40px}}.page-sdgs .Point .wrapper .head .txt{margin-top:40px;font-size:16px;font-weight:700;line-height:2}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .head .txt{font-size:18px}}.page-sdgs .Point .wrapper .head .catch{margin:40px calc((100vw - 100%)/2*-1) 0}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .head .catch{margin:40px 0 0;max-width:371px}}.page-sdgs .Point .wrapper .detail{margin:0 calc((100vw - 100%)/2*-1)}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .detail{position:relative;flex-grow:1;margin:0}}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .detail .group{display:flex;flex-wrap:wrap;justify-content:space-between;height:100%}}.page-sdgs .Point .wrapper .detail .group .block{display:flex;flex-direction:column;min-height:480px;padding:40px 20px 20px;background:var(--clr-green);border-top:solid 1px #fff;color:#fff}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .detail .group .block{width:calc((100% - 20px)/2);padding:40px 30px 30px}.page-sdgs .Point .wrapper .detail .group .block:nth-child(n+3){margin-top:20px}}.page-sdgs .Point .wrapper .detail .group .block .lead{font-size:14px}.page-sdgs .Point .wrapper .detail .group .block .tit{font-size:24px;line-height:1.6;letter-spacing:.05em}.page-sdgs .Point .wrapper .detail .group .block .tit.-lg{font-size:32px}.page-sdgs .Point .wrapper .detail .group .block .memo{font-size:10px}.page-sdgs .Point .wrapper .detail .group .block>*{margin-bottom:10px}.page-sdgs .Point .wrapper .detail .group .block .catch{display:flex;justify-content:flex-end;margin:auto 0 0 0;padding:40px 0 0 0}.page-sdgs .Point .wrapper .detail .group .block .catch img{width:auto}.page-sdgs .Point .wrapper .detail .group .block .btmContent{display:flex;align-items:flex-end;margin:auto 0 0 0;padding:40px 0 0 0}.page-sdgs .Point .wrapper .detail .group .block .btmContent .catch{flex-shrink:0}.page-sdgs .Point .wrapper .detail .btm{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;padding:0 var(--wrapper-spacing)}@media screen and (min-width: 1080px){.page-sdgs .Point .wrapper .detail .btm{position:absolute;left:0;width:100%;align-items:flex-start;padding:0}}.page-sdgs .Point .wrapper .detail .btm .m-iconList{flex-grow:1;gap:10px}.page-sdgs .Point .wrapper .detail .btm .m-link{padding-left:20px}.page-sdgs .Point .wrapper .detail .btm .m-links{font-size:12px}.page-sdgs .Point .wrapper .detail .btm .m-links>li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #e6e6e6}.page-sdgs .Point .wrapper .detail .btm .m-links>li div{font-weight:bold}.page-sdgs .Point .wrapper .detail .btm .m-links ul{display:flex;gap:4px}.page-sdgs .Point .wrapper .detail .btm .m-links ul li{color:var(--clr-primary)}.page-sdgs .Other{padding:120px 0 0}@media screen and (min-width: 1080px){.page-sdgs .Other{padding:80px 0 0}}@media screen and (min-width: 1080px){.page-sdgs .Other .wrapper{display:flex}}.page-sdgs .Other .wrapper .head{margin-bottom:20px}@media screen and (min-width: 1080px){.page-sdgs .Other .wrapper .head{flex-shrink:0;width:clamp(500px,703px,60%);margin:0 clamp(20px,80px,4vw) 0 0}}.page-sdgs .Other .wrapper .head .catch{margin:0 calc((100vw - 100%)/2*-1)}@media screen and (min-width: 1080px){.page-sdgs .Other .wrapper .head .catch{margin:0}}.page-sdgs .Other .wrapper .head .catch img{border:1px solid #e6e6e6}.page-sdgs .Other .wrapper .head .m-iconList{margin-top:20px;gap:10px}.page-sdgs .Other .wrapper .content>*{margin-top:20px}.page-sdgs .Other .wrapper .content .heading{margin:0;font-weight:700;font-size:24px;line-height:1.6}.page-sdgs .Other .wrapper .content .txt{font-size:14px}.page-sdgs .About{margin-top:80px;padding:120px 0;background:var(--clr-bgGray)}@media screen and (min-width: 1080px){.page-sdgs .About{margin-top:150px;padding:80px 0}}.page-sdgs .About .wrapper{position:relative}.page-sdgs .About .wrapper .m-deco-leaves{top:-90px;right:30px}@media screen and (min-width: 1080px){.page-sdgs .About .wrapper .m-deco-leaves{top:-130px;right:-90px}}@media screen and (min-width: 1080px){.page-sdgs .About .head{display:flex;align-items:center}}.page-sdgs .About .head .logo{width:70%;margin-bottom:20px}@media screen and (min-width: 1080px){.page-sdgs .About .head .logo{width:250px;margin:0 clamp(30px,90px,4vw) 0 0;flex-shrink:0}}@media screen and (min-width: 1080px){.page-sdgs .About .head .txt{width:536px}}.page-sdgs .About .txt{font-size:14px}.page-sdgs .About .m-iconList{margin-top:40px;gap:20px;grid-template-columns:repeat(auto-fill, minmax(60px, 1fr))}@media screen and (min-width: 1080px){.page-sdgs .About .m-iconList{margin-top:70px;grid-template-columns:repeat(auto-fill, minmax(110px, 1fr))}}