@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;800&display=swap";@media print,screen{#contents{width:100%}#contents .round{font-family:"M PLUS Rounded 1c",sans-serif;letter-spacing:0em;font-weight:400}#contents .round.medium{font-weight:500}#contents .round.heavy{font-weight:800}#contents #article{background-image:url(../img/eco-friendly-products/bg_green01.png);background-size:87.33vw auto;background-position:center top}@-webkit-keyframes fuyu01{to{-webkit-transform:translateY(2vw);transform:translateY(2vw)}}@keyframes fuyu01{to{-webkit-transform:translateY(2vw);transform:translateY(2vw)}}@-webkit-keyframes rotate01{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate01{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes midashi_anim{0%{left:-100%}35%{left:0}70%{left:0}100%{left:100%}}@keyframes midashi_anim{0%{left:-100%}35%{left:0}70%{left:0}100%{left:100%}}@-webkit-keyframes midashi_anim_txt{0%{opacity:0}35%{opacity:0}70%{opacity:1}100%{opacity:1}}@keyframes midashi_anim_txt{0%{opacity:0}35%{opacity:0}70%{opacity:1}100%{opacity:1}}#contents #article #head{background-image:url(../img/eco-friendly-products/bg_main01_sp.png);background-size:100% auto;background-repeat:no-repeat;position:relative;height:86.4vw}#contents #article #head h1{width:84.53vw;margin:17.33vw auto 0 auto;display:block}#contents #article #head h1 img{width:100%}#contents #article #head #circle{width:18.67vw;display:block;position:absolute;top:2.67vw;right:2.67vw;-webkit-animation:rotate01 17s linear infinite;animation:rotate01 17s linear infinite}#contents #article #head #anim_nohohon01{width:26.67vw;display:block;position:absolute;right:2.67vw;top:49.6vw}#contents #article #head #nohohon01{width:11.73vw;display:block;top:4vw;left:6.13vw;position:absolute;-webkit-animation:fuyu01 2s ease-in-out alternate infinite;animation:fuyu01 2s ease-in-out alternate infinite}#contents #article #desc{margin-top:5.33vw}#contents #article #desc p{margin:0 auto;font-size:4vw;color:#fff;width:84vw;line-height:2em;text-shadow:0 0 1.33vw #589331}#contents #article #desc p span{color:#faec21}#contents #article #desc #nohohon02{width:17.33vw;display:block;margin:5.33vw auto 0 auto}#contents #article #case{margin-bottom:10.67vw}#contents #article #case>h2{margin-top:10.4vw;text-align:center}#contents #article #case>h2 img{width:90.4vw}#contents #article #case>a{margin:6.4vw auto 0 auto;width:85.07vw;display:block}#contents #article #case>a img{width:100%}#contents #article #case>section{position:relative;margin-top:10.67vw}#contents #article #case>section:first-of-type{margin-top:2.93vw}#contents #article #case>section>img.leaf01.pcNone{position:absolute;width:15vw;right:5.87vw;top:17vw}#contents #article #case>section>img.leaf03.pcNone{position:absolute;width:20.26vw;right:0;top:22vw}#contents #article #case>section>img.apple01{position:absolute;width:17.6vw;left:0vw;top:420vw}#contents #article #case>section>img.ladybug01{position:absolute;width:19.47vw;right:4.8vw;bottom:-4.8vw}#contents #article #case>section>img.locust01{position:absolute;width:24.53vw;left:1.07vw;top:195vw}#contents #article #case>section>img.flower01{position:absolute;width:16vw;right:7.47vw;bottom:-8vw}#contents #article #case>section>h2{text-align:center}#contents #article #case>section>h2 img{display:inline-block;width:93.6vw}#contents #article #case>section>div{width:90.93vw;background-image:url(../img/eco-friendly-products/bg_yellow01.png);background-size:87.33vw auto;background-position:center top;margin:-11.2vw auto 0 auto;border-radius:10.93vw;padding:2.93vw;-webkit-box-sizing:border-box;box-sizing:border-box}#contents #article #case>section>div .bg_white01{background-color:#fff;-webkit-box-shadow:0 0 1.16vw 0 #9e8d0e;box-shadow:0 0 1.16vw 0 #9e8d0e;border-radius:10.13vw;padding:8.53vw 0 0 0;overflow:hidden}#contents #article #case>section>div .bg_white01>h4{font-size:4.27vw;color:#259409;line-height:1.5em;padding:0 3.2vw;margin:6.13vw 0;text-align:left}#contents #article #case>section>div .bg_white01 .tops01{padding:5.33vw 3.2vw 0 3.2vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01{margin-bottom:2.93vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.battery01 img{height:9.06vw;margin-right:4vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 img:nth-of-type(1){height:5.33vw;margin-right:2vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 img:nth-of-type(2){height:6.4vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 p{margin-right:2vw;font-size:2vw;color:#0055a0;text-align:center;line-height:1.2em}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3{margin-top:2.93vw;color:#259409;position:relative;overflow:hidden;display:inline-block}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3 span{font-size:4.53vw;line-height:1.5em;display:inline-block;opacity:0}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.tractor span{font-size:5.33vw}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3>div{background:#259409;width:100%;height:100%;position:absolute;top:0;left:-100%}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.is-visible>div{-webkit-animation:midashi_anim forwards .7s ease-in-out;animation:midashi_anim forwards .7s ease-in-out}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.is-visible span{-webkit-animation:midashi_anim_txt forwards .7s ease-in-out;animation:midashi_anim_txt forwards .7s ease-in-out}#contents #article #case>section>div .bg_white01 .tops01 .left01>p{color:#259409;font-size:3.33vw;line-height:2em}#contents #article #case>section>div .bg_white01 .tops01 .left01>p a{color:#ed4c2d;text-decoration:underline;font-weight:500}#contents #article #case>section>div .bg_white01 .tops01 .left01>p .orange01{color:#ed4c2d}#contents #article #case>section>div .bg_white01 .tops01 .left01>a{width:66.4vw;display:block;margin:8vw auto}#contents #article #case>section>div .bg_white01 .tops01 .left01>a img{width:100%}#contents #article #case>section>div .bg_white01 .tops01 .left01>small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:.6em;color:#259409;font-size:2.67vw;-ms-flex-negative:0;flex-shrink:0;width:100%}#contents #article #case>section>div .bg_white01 .tops01 .left01>small span{display:block}#contents #article #case>section>div .bg_white01 .tops01 .left01>small span:first-of-type{width:1.5em}#contents #article #case>section>div .bg_white01 .tops01 .left01>small span:last-of-type{width:calc(100% - 1.5em)}#contents #article #case>section>div .bg_white01 .tops01 .right01{margin-top:6.67vw}#contents #article #case>section>div .bg_white01 .tops01 .right01 img{width:100%}#contents #article #case>section>div .bg_white01 .middle01{padding:0 3.2vw}#contents #article #case>section>div .bg_white01 .middle01>img{width:100%}#contents #article #case>section>div .bg_white01 .middle01 a{width:66.4vw;display:block;margin:8vw auto}#contents #article #case>section>div .bg_white01 .middle01 a img{width:100%}#contents #article #case>section>div .bg_white01 .bottoms01{padding:0 3.2vw 3.2vw 3.2vw;background-color:#e7f9dc}#contents #article #case>section>div .bg_white01 .bottoms01.package01{margin-top:8vw}#contents #article #case>section>div .bg_white01 .bottoms01 section h4{margin:8.27vw auto 3.37vw auto;text-align:center}#contents #article #case>section>div .bg_white01 .bottoms01 section h4 img{display:inline-block;height:8.27vw}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure img{border-radius:6.93vw;width:100%}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption{padding:0 0 0 1.1vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top;margin-top:2vw}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption img{margin-top:.8vw;display:block;width:auto;height:2.13vw}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption span{letter-spacing:.1em;margin-left:.3em;display:block;color:#259409;line-height:1.5em;font-size:2.67vw}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01>div{margin-top:5.33vw}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01>div p{font-size:3.37vw;line-height:2em;color:#259409;padding:0 1.1vw 1.1vw 1.1vw}#contents #article #taskforce{background-image:url(../img/eco-friendly-products/bg_brown01.png);background-size:87.33vw auto;background-position:center top;padding:10.67vw 0}#contents #article #taskforce section h2{color:#fff;font-size:5.33vw;text-align:left;width:84vw;margin:0 auto;line-height:1.5em}#contents #article #taskforce section .flex01 .left01 p{font-size:4vw;color:#fff;line-height:2em;text-shadow:0 0 1.33vw #755228;width:84vw;display:block;margin:6.93vw auto 0 auto}#contents #article #taskforce section .flex01 .left01 p span{color:#faec21}#contents #article #taskforce section .flex01 .left01 p:not(:first-of-type){margin-top:.8em}#contents #article #taskforce section .flex01 .left01 figure{width:84vw;margin:6.93vw auto 0 auto}#contents #article #taskforce section .flex01 .left01 figure img{width:100%;border-radius:6.93vw}#contents #article #taskforce section .flex01 .left01 figure figcaption{color:#fff;font-size:3.73vw;text-align:center;display:block;margin-top:.6em}#contents #article #taskforce section .flex01 .left01 .anim01{margin:2.67vw 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#contents #article #taskforce section .flex01 .left01 .anim01 img:first-of-type{width:14.9vw;margin:3.2vw 0 0 10.67vw}#contents #article #taskforce section .flex01 .left01 .anim01 img:last-of-type{width:21.87vw;margin:0 8vw 0 0}#contents #article #taskforce section .flex01 .right01{width:84vw;margin:0 auto}#contents #article #taskforce section .flex01 .right01 img{width:100%}}@media print,screen and (min-width: 640px){#contents #article{background-size:655px auto}@-webkit-keyframes fuyu01{to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fuyu01{to{-webkit-transform:translateY(20px);transform:translateY(20px)}}@-webkit-keyframes rotate01{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate01{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#contents #article #head{background-image:url(../img/eco-friendly-products/bg_main01_pc.png);background-size:1500px auto;background-position:center top;height:700px}#contents #article #head h1{width:684px;margin:145px auto 0 auto;display:block}#contents #article #head h1 img{width:100%}#contents #article #head #circle{width:118px;display:block;position:absolute;top:14px;right:auto;left:calc(50% + 482px)}#contents #article #head #anim_nohohon01{width:233px;display:block;position:absolute;right:auto;left:calc(50% + 233px);top:407px}#contents #article #head #nohohon01{width:87px;display:block;top:80px;left:calc(50% - 420px);position:absolute}#contents #article #desc{margin-top:20px;position:relative}#contents #article #desc p{margin:0 auto;font-size:20px;color:#fff;width:100%;text-align:center;line-height:2em;text-shadow:0 0 5px #589331}#contents #article #desc #nohohon02{width:138px;position:absolute;margin:0;top:88px;left:calc(50% - 570px)}#contents #article #case{margin-bottom:80px}#contents #article #case>h2{margin-top:70px;text-align:center}#contents #article #case>h2 img{width:1151px}#contents #article #case>a{margin:30px auto 0 auto;width:579px;display:block}#contents #article #case>a img{width:100%}#contents #article #case>section{width:1200px;position:relative;margin:70px auto 0 auto}#contents #article #case>section:first-of-type{margin-top:70px}#contents #article #case>section>img.leaf01.spNone{position:absolute;width:119px;right:auto;left:0;top:-15px}#contents #article #case>section>img.leaf03.pcNone{position:absolute;width:17.33vw;right:5.87vw;top:26vw}#contents #article #case>section>img.apple01{position:absolute;width:120px;left:auto;right:0;top:1400px}#contents #article #case>section>img.ladybug01{position:absolute;width:145px;right:auto;left:0;bottom:0}#contents #article #case>section>img.locust01{position:absolute;width:183px;left:22px;top:637px}#contents #article #case>section>img.flower01{position:absolute;width:121px;right:69px;bottom:18px}#contents #article #case>section>h2{text-align:center}#contents #article #case>section>h2 img{display:inline-block;width:887px}#contents #article #case>section>div{width:1200px;background-size:655px auto;margin:-75px auto 0 auto;border-radius:155px;padding:18px;-webkit-box-sizing:border-box;box-sizing:border-box}#contents #article #case>section>div .bg_white01{-webkit-box-shadow:0 0 4px 0 #9e8d0e;box-shadow:0 0 4px 0 #9e8d0e;border-radius:148px;padding:0;overflow:hidden}#contents #article #case>section>div .bg_white01>h4{font-size:26px;color:#259409;line-height:1.5em;padding:0;margin:26px 0;text-align:center}#contents #article #case>section>div .bg_white01 .tops01{padding:100px 50px 0 50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#contents #article #case>section>div .bg_white01 .tops01 .left01{width:543px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01{margin-bottom:12px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.battery01 img{height:43px;margin-right:20px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 img:nth-of-type(1){height:32px;margin-right:20px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 img:nth-of-type(2){height:32px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 .logos01.package01 p{margin-right:20px;font-size:12px;color:#0055a0}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3{margin-top:20px;color:#259409;position:relative;overflow:hidden;display:inline-block}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3 span{font-size:32px;line-height:1.5em;display:inline-block;opacity:0}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.tractor span{font-size:34px}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3>div{background:#259409;width:100%;height:100%;position:absolute;top:0;left:-100%}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.is-visible>div{-webkit-animation:midashi_anim forwards .7s ease-in-out;animation:midashi_anim forwards .7s ease-in-out}#contents #article #case>section>div .bg_white01 .tops01 .left01 .names01 h3.is-visible span{-webkit-animation:midashi_anim_txt forwards .7s ease-in-out;animation:midashi_anim_txt forwards .7s ease-in-out}#contents #article #case>section>div .bg_white01 .tops01 .left01>p{color:#259409;font-size:16px;line-height:2em}#contents #article #case>section>div .bg_white01 .tops01 .left01>p a{color:#ed4c2d;text-decoration:underline}#contents #article #case>section>div .bg_white01 .tops01 .left01>p a:hover{text-decoration:none}#contents #article #case>section>div .bg_white01 .tops01 .left01>p .orange01{color:#ed4c2d}#contents #article #case>section>div .bg_white01 .tops01 .left01>a{width:415px;display:block;margin:23px 0 0 0}#contents #article #case>section>div .bg_white01 .tops01 .left01>a img{width:100%}#contents #article #case>section>div .bg_white01 .tops01 .left01>small{margin-top:.6em;color:#259409;font-size:12px}#contents #article #case>section>div .bg_white01 .tops01 .right01{width:500px;margin-top:0}#contents #article #case>section>div .bg_white01 .tops01 .right01 img{width:100%}#contents #article #case>section>div .bg_white01 .middle01{padding:0}#contents #article #case>section>div .bg_white01 .middle01>img{width:1064px;display:block;margin:0 auto}#contents #article #case>section>div .bg_white01 .middle01 a{width:415px;display:block;margin:30px auto}#contents #article #case>section>div .bg_white01 .middle01 a img{width:100%}#contents #article #case>section>div .bg_white01 .bottoms01{padding:0 50px 50px 50px;background-color:#e7f9dc}#contents #article #case>section>div .bg_white01 .bottoms01.package01{margin-top:41px}#contents #article #case>section>div .bg_white01 .bottoms01 section h4{margin:41px auto 40px auto;text-align:center}#contents #article #case>section>div .bg_white01 .bottoms01 section h4 img{display:inline-block;height:55px}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure{width:400px}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure img{border-radius:26px;width:100%}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption{padding:0 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:top;-ms-flex-align:top;align-items:top;margin-top:12px}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption img{margin-top:4px;display:block;width:auto;height:9px}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01 figure figcaption span{letter-spacing:.1em;margin-left:7px;display:block;color:#259409;line-height:1.5em;font-size:12px}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01>div{width:641px;margin-top:0}#contents #article #case>section>div .bg_white01 .bottoms01 section .flex01>div p{font-size:16px;line-height:2em;color:#259409;padding:0}#contents #article #taskforce{background-size:655px auto;padding:70px 0}#contents #article #taskforce section h2{color:#fff;font-size:34px;text-align:center}#contents #article #taskforce section .flex01{width:1200px;margin:50px auto 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#contents #article #taskforce section .flex01 .left01{width:660px}#contents #article #taskforce section .flex01 .left01 p{font-size:20px;color:#fff;line-height:2em;text-shadow:0 0 5px #755228;width:auto;display:block;margin:0}#contents #article #taskforce section .flex01 .left01 p span{color:#faec21}#contents #article #taskforce section .flex01 .left01 figure{width:100%;margin:30px auto 0 auto}#contents #article #taskforce section .flex01 .left01 figure img{width:100%;border-radius:26px}#contents #article #taskforce section .flex01 .left01 figure figcaption{color:#fff;font-size:16px;text-align:center;display:block;margin-top:16px}#contents #article #taskforce section .flex01 .left01 .anim01{margin:30px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#contents #article #taskforce section .flex01 .left01 .anim01 img:first-of-type{width:112px;margin:0}#contents #article #taskforce section .flex01 .left01 .anim01 img:last-of-type{width:163px;margin:45px 30px 0 0}#contents #article #taskforce section .flex01 .right01{width:500px;margin:0}#contents #article #taskforce section .flex01 .right01 img{width:100%}}