/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */*,::after,::before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup,select,textarea{vertical-align:middle;color:inherit;font:inherit;background-color:#fff;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type=checkbox]{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}img,video{width:100%;height:auto}.content-wrap{overflow:visible;position:relative;z-index:2}.content-wrap.loaded .main h2{opacity:1;transition:opacity .5s ease 3.5s}.main{position:relative}@media screen and (max-width:767px){.main{top:1.3333333333vw}}@media screen and (min-width:768px){.main{top:6.2133333333px}}.main:after,.main:before{content:"";display:block;width:100%;background-size:auto 100%;background-position:center;position:absolute;left:0;z-index:2;background-image:url(../../img/sustainability/sus_bg_w_sp.png)}@media screen and (max-width:767px){.main:after,.main:before{height:1.8666666667vw;top:-.8vw}}@media screen and (min-width:768px){.main:after,.main:before{height:8.6986666667px;top:-3.728px}}.main .img{position:relative}.main h2{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}@media screen and (max-width:767px){.main h2{max-width:163.3333333333vw}}@media screen and (min-width:768px){.main h2{max-width:761.1333333333px}}.main span{display:inline-block;font-family:Futura-Med;letter-spacing:.05em;color:#fff}@media screen and (max-width:767px){.main span{font-size:3.7333333333vw;padding-top:4vw}}@media screen and (min-width:768px){.main span{font-size:17.3973333333px;padding-top:18.64px}}.bg{background:#59b659;color:#fff;position:relative}@media screen and (max-width:767px){.bg{top:1.3333333333vw}}@media screen and (min-width:768px){.bg{top:6.2133333333px}}.bg:after,.bg:before{content:"";display:block;width:100%;background-image:url(../../img/sustainability/sus_bg_sp.png);background-size:auto 100%;background-position:center;position:absolute;left:0;z-index:2}@media screen and (max-width:767px){.bg:after,.bg:before{height:1.8666666667vw}}@media screen and (min-width:768px){.bg:after,.bg:before{height:8.6986666667px}}@media screen and (max-width:767px){.bg:before{top:-.8vw}}@media screen and (min-width:768px){.bg:before{top:-3.728px}}@media screen and (max-width:767px){.bg:after{bottom:-.8vw}}@media screen and (min-width:768px){.bg:after{bottom:-3.728px}}.content{max-width:1080px;margin:0 auto;padding:0}@-webkit-keyframes show-seed{0%{transform:scale(0)}20%{transform:scale(0)}40%{transform:scale(1.3)}80%{transform:scale(1)}100%{transform:scale(1)}}@keyframes show-seed{0%{transform:scale(0)}20%{transform:scale(0)}40%{transform:scale(1.3)}80%{transform:scale(1)}100%{transform:scale(1)}}@-webkit-keyframes show-sea{0%{width:70%;border-radius:45%;transform:scale(.11);opacity:0}25%{width:70%;border-radius:45%;transform:scale(.11);transform:scale(.11);opacity:1}100%{width:100%;border-radius:50%;transform:scale(1)}}@keyframes show-sea{0%{width:70%;border-radius:45%;transform:scale(.11);opacity:0}25%{width:70%;border-radius:45%;transform:scale(.11);transform:scale(.11);opacity:1}100%{width:100%;border-radius:50%;transform:scale(1)}}@-webkit-keyframes show-earth{0%{opacity:0}100%{opacity:1}}@keyframes show-earth{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes show-txt{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}@keyframes show-txt{0%{opacity:0;transform:scale(.95)}100%{opacity:1;transform:scale(1)}}.sec1{max-width:690px;margin:0 auto;position:relative;padding:0}.sec1 h2{width:80.2666666667%;text-align:center;margin:0 auto}@media screen and (max-width:767px){.sec1 h2{max-width:88.8vw;padding-top:8vw}}@media screen and (min-width:768px){.sec1 h2{max-width:413.808px;padding-top:37.28px}}.sec1 h2 span{display:inline-block;font-family:Futura-Med;letter-spacing:.05em}@media screen and (max-width:767px){.sec1 h2 span{font-size:4.8vw;padding-top:4vw}}@media screen and (min-width:768px){.sec1 h2 span{font-size:22.368px;padding-top:18.64px}}.sec1 .img-cont{width:58.6666666667%;padding-top:58.6666666667%;position:relative;top:auto;right:auto;transform:none}@media screen and (max-width:767px){.sec1 .img-cont{margin:5.3333333333vw auto 0}}@media screen and (min-width:768px){.sec1 .img-cont{margin:24.8533333333px auto 0}}.sec1 .img-cont.show .img span.seed{-webkit-animation:show-seed 1.5s ease .2s;animation:show-seed 1.5s ease .2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont.show .img span.sea{-webkit-animation:show-sea 1.6s ease 1.5s;animation:show-sea 1.6s ease 1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont.show .img span.earth1{-webkit-animation:show-earth 2s ease 3.1s;animation:show-earth 2s ease 3.1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont.show .img span.earth2{-webkit-animation:show-earth 2s ease 3.5s;animation:show-earth 2s ease 3.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont.show .img span.earth3{-webkit-animation:show-earth 2s ease 3.9s;animation:show-earth 2s ease 3.9s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont.show .img span.txt{-webkit-animation:show-txt 1s ease 4.7s;animation:show-txt 1s ease 4.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec1 .img-cont .img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.sec1 .img-cont .img span{display:block}.sec1 .img-cont .img span.seed{width:7.4%}.sec1 .img-cont .img span.sea{width:99%;padding-top:99%;background:#003c92;border-radius:50%}.sec1 .img-cont .img span.earth{width:100%}.sec1 .img-cont .img span.txt{width:100%}.sec1 .lead{font-family:tbudrgothic-std,sans-serif;line-height:1.75;text-align:center}@media screen and (max-width:767px){.sec1 .lead{font-size:3.7333333333vw;padding:6.6666666667vw 0 8vw}}@media screen and (min-width:768px){.sec1 .lead{font-size:17.3973333333px;padding:31.0666666667px 0 37.28px}}.sec1 .lead span{font-weight:700}.sec1 .more-btn{margin:0 auto}@-webkit-keyframes showleaves-ie{0%{transform:scale(0)}30%{transform:scale(.6,1.1)}60%{transform:scale(1.1,.9)}100%{transform:scale(1)}}@keyframes showleaves-ie{0%{transform:scale(0)}30%{transform:scale(.6,1.1)}60%{transform:scale(1.1,.9)}100%{transform:scale(1)}}@-webkit-keyframes showleaves{0%{stroke-dashoffset:700}100%{stroke-dashoffset:0}}@keyframes showleaves{0%{stroke-dashoffset:700}100%{stroke-dashoffset:0}}@-webkit-keyframes scaleup-stem{0%{transform:scale(.5)}100%{transform:scale(1)}}@keyframes scaleup-stem{0%{transform:scale(.5)}100%{transform:scale(1)}}@-webkit-keyframes scaleup-leaf{0%{transform:scale(.4) translateY(64%)}100%{transform:scale(1) translateY(0)}}@keyframes scaleup-leaf{0%{transform:scale(.4) translateY(64%)}100%{transform:scale(1) translateY(0)}}@-webkit-keyframes showline{0%{width:100%}100%{width:0}}@keyframes showline{0%{width:100%}100%{width:0}}.ie .sec2 .line.show .ie-leaves{-webkit-animation:showleaves-ie .8s ease-in-out 1.2s;animation:showleaves-ie .8s ease-in-out 1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ie .sec2 .line .ie-leaves{display:block}.ie .sec2 .line .leaves{display:none}.sec2 .line{position:relative}@media screen and (max-width:767px){.sec2 .line{padding-top:26.6666666667vw}}@media screen and (min-width:768px){.sec2 .line{padding-top:124.2666666667px}}.sec2 .line.show:before{-webkit-animation:showline .5s linear .5s;animation:showline .5s linear .5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec2 .line.show .leaves svg .line.line1{-webkit-animation:showleaves .8s ease-in-out 1.1s,scaleup-stem 1.2s ease 2s;animation:showleaves .8s ease-in-out 1.1s,scaleup-stem 1.2s ease 2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec2 .line.show .leaves svg .line.line2{-webkit-animation:showleaves .8s ease-in 1.2s,scaleup-leaf 1.2s ease 2s;animation:showleaves .8s ease-in 1.2s,scaleup-leaf 1.2s ease 2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec2 .line.show .leaves svg .line.line3{-webkit-animation:showleaves .8s ease-in 1.5s,scaleup-leaf 1.2s ease 2s;animation:showleaves .8s ease-in 1.5s,scaleup-leaf 1.2s ease 2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.sec2 .line:before{content:"";display:block;height:100%;background:#59b659;position:absolute;right:0;bottom:0}.sec2 .line .ie-leaves{position:absolute;transform-origin:bottom center;display:none;width:23.2%;right:12.6%}@media screen and (max-width:767px){.sec2 .line .ie-leaves{bottom:.8vw;max-width:22.9333333333vw}}@media screen and (min-width:768px){.sec2 .line .ie-leaves{bottom:3.728px;max-width:106.8693333333px}}.sec2 .line .leaves{position:absolute;bottom:0;width:23.2%;right:5.33%;max-width:86px}@media screen and (max-width:767px){.sec2 .line .leaves{max-width:22.9333333333vw}}@media screen and (min-width:768px){.sec2 .line .leaves{max-width:106.8693333333px}}.sec2 .line .leaves svg .line{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#fff;stroke-width:8;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:700}.sec2 .line .leaves svg .line.line1{transform-origin:center bottom}.sec2 .line .leaves svg .line.line2{transform-origin:center}.sec2 .line .leaves svg .line.line3{transform-origin:center}.sec2 .inner{position:relative}@media screen and (max-width:767px){.sec2 .inner{padding:13.3333333333vw 0 0}}@media screen and (min-width:768px){.sec2 .inner{padding:62.1333333333px 0 0}}.sec2 .inner .catch{font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:900;line-height:1.5;text-align:center}@media screen and (max-width:767px){.sec2 .inner .catch{font-size:4.8vw}}@media screen and (min-width:768px){.sec2 .inner .catch{font-size:22.368px}}.sec2 .inner .category{display:flex;justify-content:center}@media screen and (max-width:767px){.sec2 .inner .category{margin-top:8vw}}@media screen and (min-width:768px){.sec2 .inner .category{margin-top:37.28px}}.sec2 .inner .category li{width:23.2%;margin:0 4%}.sec2 .inner .category li a{display:block;position:relative}@media screen and (min-width:768px){.sec2 .inner .category li a:hover .plus{transform:rotate(180deg)}}.sec2 .inner .category li a .plus{display:block;position:absolute;background:#fff;border-radius:50%;transition:transform .3s ease}@media screen and (max-width:767px){.sec2 .inner .category li a .plus{width:5.3333333333vw;height:5.3333333333vw;top:-2.6666666667vw;right:-2.6666666667vw}}@media screen and (min-width:768px){.sec2 .inner .category li a .plus{width:24.8533333333px;height:24.8533333333px;top:-12.4266666667px;right:-12.4266666667px}}.sec2 .inner .category li a .plus:before{content:"";display:block;background:#59b659;position:absolute}@media screen and (max-width:767px){.sec2 .inner .category li a .plus:before{width:2.6666666667vw;height:.5333333333vw;top:2.4vw;left:1.3333333333vw}}@media screen and (min-width:768px){.sec2 .inner .category li a .plus:before{width:12.4266666667px;height:2.4853333333px;top:11.184px;left:6.2133333333px}}.sec2 .inner .category li a .plus:after{content:"";display:block;background:#59b659;position:absolute}@media screen and (max-width:767px){.sec2 .inner .category li a .plus:after{width:.5333333333vw;height:2.6666666667vw;top:1.3333333333vw;left:2.4vw}}@media screen and (min-width:768px){.sec2 .inner .category li a .plus:after{width:2.4853333333px;height:12.4266666667px;top:6.2133333333px;left:11.184px}}.sec2 .inner h3{font-family:Futura-Dem;text-align:center}@media screen and (max-width:767px){.sec2 .inner h3{font-size:6.4vw;margin:14.6666666667vw 0 8vw}}@media screen and (min-width:768px){.sec2 .inner h3{font-size:29.824px;margin:68.3466666667px 0 37.28px}}.sec2 .inner .post-list{display:block;width:85.333%;margin:0 auto}.sec2 .inner .post-list li{width:100%}@media screen and (max-width:767px){.sec2 .inner .post-list li{margin-bottom:10.6666666667vw}}@media screen and (min-width:768px){.sec2 .inner .post-list li{margin-bottom:49.7066666667px}}@media screen and (max-width:767px){.sec2 .inner .post-list li:last-of-type{margin-bottom:13.3333333333vw}}@media screen and (min-width:768px){.sec2 .inner .post-list li:last-of-type{margin-bottom:62.1333333333px}}.sec2 .inner .post-list li a{display:flex;flex-wrap:wrap;justify-content:space-between}.sec2 .inner .post-list li a:hover{cursor:url(../../img/sustainability/common/hover_plus.png),pointer}.sec2 .inner .post-list li a .thumb{width:100%}.sec2 .inner .post-list li a .icon{width:18.75%}@media screen and (max-width:767px){.sec2 .inner .post-list li a .icon{padding-top:5.3333333333vw}}@media screen and (min-width:768px){.sec2 .inner .post-list li a .icon{padding-top:24.8533333333px}}.sec2 .inner .post-list li a .txt{width:78.125%;color:#fff}.sec2 .inner .post-list li a .txt .title{font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:900;line-height:1.5}@media screen and (max-width:767px){.sec2 .inner .post-list li a .txt .title{font-size:3.7333333333vw;padding:4vw 0}}@media screen and (min-width:768px){.sec2 .inner .post-list li a .txt .title{font-size:17.3973333333px;padding:18.64px 0}}.sec2 .inner .post-list li a .txt .date{font-family:Futura-Boo;letter-spacing:.05em}@media screen and (max-width:767px){.sec2 .inner .post-list li a .txt .date{font-size:3.2vw}}@media screen and (min-width:768px){.sec2 .inner .post-list li a .txt .date{font-size:14.912px}}.flip{position:relative}@media screen and (min-width:768px){.flip:after{content:"";display:block;width:96.29%;height:5px;max-width:1040px;background-size:100% 100%;background-image:url(../../img/sustainability/line.png);background-position:center;position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:2}}.flip h2{width:80.2666666667%;text-align:center;margin:0 auto}@media screen and (max-width:767px){.flip h2{padding-top:8vw}}@media screen and (min-width:768px){.flip h2{padding-top:37.28px}}.flip h2 span{display:inline-block;font-family:Futura-Med;letter-spacing:.05em}@media screen and (max-width:767px){.flip h2 span{font-size:4.8vw;padding-top:4vw}}@media screen and (min-width:768px){.flip h2 span{font-size:22.368px;padding-top:18.64px}}.flip h3{font-family:"ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:900;line-height:1.83;text-align:center}@media screen and (max-width:767px){.flip h3{font-size:4.2666666667vw;padding:13.3333333333vw 0 16vw}}@media screen and (min-width:768px){.flip h3{font-size:19.8826666667px;padding:62.1333333333px 0 74.56px}}.flip .staff-list{margin:0 auto;display:flex;flex-wrap:wrap;width:100%}@media screen and (max-width:767px){.flip .staff-list{padding:0 .2666666667vw}}@media screen and (min-width:768px){.flip .staff-list{padding:0 1.2426666667px}}.flip .staff-list .ph{width:33.3333%}@media screen and (max-width:767px){.flip .staff-list .ph{margin-bottom:.5333333333vw;padding:0 .2666666667vw}}@media screen and (min-width:768px){.flip .staff-list .ph{margin-bottom:2.4853333333px;padding:0 1.2426666667px}}.flip .staff-list .zoom-bg{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:.5s ease;z-index:100}.flip .staff-list .zoom-bg .close{border-radius:50%;position:absolute;transition:transform .3s ease}@media screen and (max-width:767px){.flip .staff-list .zoom-bg .close{width:10.6666666667vw;height:10.6666666667vw;border:#fff .5333333333vw solid;top:4vw;right:4vw}}@media screen and (min-width:768px){.flip .staff-list .zoom-bg .close{width:49.7066666667px;height:49.7066666667px;border:#fff 2.4853333333px solid;top:18.64px;right:18.64px}}.flip .staff-list .zoom-bg .close span{display:block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}@media screen and (max-width:767px){.flip .staff-list .zoom-bg .close span{width:5.3333333333vw;height:5.3333333333vw}}@media screen and (min-width:768px){.flip .staff-list .zoom-bg .close span{width:24.8533333333px;height:24.8533333333px}}.flip .staff-list .zoom-bg .close span:before{content:"";display:block;width:100%;background:#fff;position:absolute;top:calc(50% - 1px);left:0}@media screen and (max-width:767px){.flip .staff-list .zoom-bg .close span:before{height:.5333333333vw}}@media screen and (min-width:768px){.flip .staff-list .zoom-bg .close span:before{height:2.4853333333px}}.flip .staff-list .zoom-bg .close span:after{content:"";display:block;width:2px;height:100%;background:#fff;position:absolute;top:0;left:calc(50% - 1px)}@media screen and (max-width:767px){.flip .staff-list .zoom-bg .close span:after{width:.5333333333vw}}@media screen and (min-width:768px){.flip .staff-list .zoom-bg .close span:after{width:2.4853333333px}}.flip .staff-list .zoom-bg .close:hover{cursor:pointer;transform:scale(1.1)}.zoom-overlay-open main{position:relative;z-index:10000}.zoom-overlay-open main .flip .zoom-bg{background:#59b659;opacity:1;visibility:visible}.zoom-overlay{opacity:0!important}
/*# sourceMappingURL=../maps/sustainability/sus-top.css.map */