@charset "UTF-8";@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}#sustainable_wrap{background:url(../img/dot_bg.gif) left top;background-size:28px auto}.project-ttl{background-color:#f1e9dd;display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px}.project-ttl h2{padding:0;width:auto;color:#d2c7ba;font-size:50px;font-weight:700}.project-ttl h2 span{color:#111}.project-wrap .page-content{padding:90px 20px 100px}.article-list{margin-bottom:70px;position:relative}.article-list::after{content:"";display:block;position:absolute;bottom:-40px;left:calc(50% - 10px);width:29px;height:29px;background:url(../img/icon_loading.gif) left top no-repeat;background-size:100% auto;opacity:0}.article-list.loading::after{opacity:1}.article-list li{filter:drop-shadow(3px 3px 3px rgba(0,0,0,.12));display:none;-webkit-animation:fade .3s cubic-bezier(.61,0,.5,1) forwards;animation:fade .3s cubic-bezier(.61,0,.5,1) forwards;opacity:0}.article-list li.show{display:flex}@media only screen and (max-width:768px){.project-ttl{height:120px}.project-ttl h2{font-size:30px}.project-ttl h2 img{width:auto;height:40px}.project-wrap .page-content{padding:40px 20px 50px}.article-list{margin-bottom:40px}.article-list::after{bottom:-20px}}