@charset "UTF-8";#sustainable_wrap.is-fix{padding-top:75px}#sustainable-nav{display:flex;justify-content:space-between;align-items:center;padding:0 140px 0 2.2%;position:relative;background-color:#fff;min-height:75px}#sustainable-nav.is-fix{position:fixed;top:0;left:0;z-index:100;width:100%;box-sizing:border-box}#sustainable-nav ul{display:flex}#sustainable-nav ul li{margin-left:4.3vw}#sustainable-nav ul li:first-child{margin-left:0}#sustainable-nav ul li a:hover{opacity:.6}.nav-top{margin-right:20px}.nav-top a{display:block}.head-concept{position:absolute;top:0;right:0;width:75px}#sns-nav ul li a:hover,.head-concept a:hover{opacity:.7}.article-img img,.head-concept img{width:100%;height:auto}.page-content{max-width:1110px;margin:0 auto;padding:0 20px;box-sizing:border-box}#sns-nav,.article-caption span,.article-img{display:flex;justify-content:center;align-items:center}#sns-nav{height:90px;background-color:#f5efe7}#sns-nav ul{display:flex;align-items:center}#sns-nav ul li{margin-left:30px}.article-list{display:flex;flex-wrap:wrap;margin:0 0 -2% -2%}.article-list li{margin:0 0 2% 2%;display:flex;background-color:#fff}.article-list li.column2{width:48%}.article-list li.column3{width:31.3%}.article-list li a{display:block;position:relative;padding:8px;background-color:#fff;color:#111;text-decoration:none;width:100%}.article-list li a:hover{opacity:.8}.article-caption span,.article-img{background-color:#f4f4f4}.article-caption{position:absolute;top:8px;right:8px;display:flex}.article-caption span{background-color:#030616;color:#fff;text-align:center;width:100px;font-size:13px;padding:3px;box-sizing:border-box}.article-caption span.new{background-color:#ebdfcf;width:62px}.article-detail{padding:15px;font-size:16px}.article-date{color:#a4a4a4;background:url(../img/index/icon_date.png) left center no-repeat;background-size:15px auto;padding-left:20px;margin-top:5px}#article-wrap{background-color:#ebdfcf}#article-wrap .page-content{position:relative;padding:120px 20px}.latest-ttl{position:absolute;top:-18px;left:50%;transform:translateX(-50%);text-align:center}.latest-ttl p:last-child{margin-top:20px;font-size:15px;font-weight:700}.pager-list{display:flex;justify-content:center}.pager-list>p{width:calc(100%/3);border:#000 solid 1px;border-right:none}.pager-list>p:last-child{border-right:#000 solid 1px}.pager-list>p.prev a{background:url(../img/pager_prev_arrow.png) 25px center no-repeat;background-size:13px auto}.pager-list>p.next a{flex-direction:row-reverse;background:url(../img/pager_next_arrow.png) calc(100% - 25px) center no-repeat;background-size:13px auto}.pager-list>p a{display:flex;justify-content:center;align-items:center;height:85px;color:#000;font-weight:700;position:relative}.pager-list>p a:hover{opacity:.6;text-decoration:none}.pager-list>p a img{margin:0 10px}@media only screen and (max-width:768px){#sustainable_wrap{/*margin-top:65px*/}#sustainable_wrap.is-fix{padding-top:0}#sustainable-nav{display:block;padding:60px 0 0}#sustainable-nav.is-fix{position:static}#sustainable-nav ul{flex-wrap:wrap;border-top:#cecece solid 1px}#sustainable-nav ul li{display:flex;margin:0;width:50%}#sustainable-nav ul li:nth-child(2n) a{border-left:#cecece solid 1px}#sustainable-nav ul li a{display:flex;justify-content:center;width:100%;text-align:center;border-bottom:#cecece solid 1px;padding:10px}.nav-top{margin:0;padding:0 5px 10px;position:absolute;top:10px;left:6px}.nav-top img{width:280px;height:auto}.head-concept{width:60px}#sns-nav{display:block;text-align:center;height:auto;padding:15px 0 20px}#sns-nav ul{justify-content:center;margin-top:20px}#sns-nav ul li{margin:0 10px}.article-list{margin:0;justify-content:space-between}.article-list li{margin:0 0 20px}.article-list li.column2{width:100%}.article-list li.column3{width:48%}.article-caption{top:0;right:0}.article-caption span{width:auto;min-width:50px;font-size:11px;padding:1px 5px}.article-caption span.new{width:40px;min-width:initial}.article-caption span.new img{width:28px;height:auto}.article-detail{padding:10px;font-size:14px}#article-wrap .page-content{padding:60px 20px}.latest-ttl{top:-10px}.latest-ttl p:last-child{margin-top:10px}.latest-ttl p img{width:120px;height:auto}.pager-list>p.prev a{background-position:4px center}.pager-list>p.next a{flex-direction:column;background-position:calc(100% - 4px) center}.pager-list>p a{flex-direction:column;height:64px;font-size:10px}.pager-list>p a img{margin:0 0 4px}.pager-list>p a span{position:absolute;top:calc(50% + 1em);left:0;display:block;width:100%;text-align:center}}