.category-selector-item{position:relative;margin:0 -1px -1px 0;width:100%;font-size:1.4rem;font-weight:700}.category-selector-item__checkbox{position:absolute;opacity:0}.category-selector-item__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:40px;background:hsla(0,0%,100%,.05);-webkit-transition:border-color .1s,background .1s,-webkit-box-shadow .1s;transition:border-color .1s,background .1s,-webkit-box-shadow .1s;transition:box-shadow .1s,border-color .1s,background .1s;transition:box-shadow .1s,border-color .1s,background .1s,-webkit-box-shadow .1s;cursor:pointer;border:1px solid #444}.category-selector-item__checkbox:focus+.category-selector-item__label,.category-selector-item__checkbox:hover+.category-selector-item__label,.category-selector-item__label:focus,.category-selector-item__label:hover{background:hsla(0,0%,100%,.1)}.category-selector-item__border:after,.category-selector-item__border:before{content:"";position:absolute;display:block;background:#00a1ff;-webkit-transition:.3s;transition:.3s;opacity:0;height:1px;width:1px}.category-selector-item__border:first-of-type:before{top:0;left:0}.category-selector-item__border:first-of-type:after{top:0;right:0}.category-selector-item__border:last-of-type:before{bottom:0;right:0}.category-selector-item__border:last-of-type:after{bottom:0;left:0}.category-selector-item[data-type=active]{z-index:1}.category-selector-item[data-type=active] .category-selector-item__label{-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:0 0 6px #00a1ff,0 0 6px #00a1ff inset;box-shadow:0 0 6px #00a1ff,inset 0 0 6px #00a1ff}.category-selector-item[data-type=active] .category-selector-item__border:after,.category-selector-item[data-type=active] .category-selector-item__border:before{opacity:1}.category-selector-item[data-type=active] .category-selector-item__border:before{width:100%}.category-selector-item[data-type=active] .category-selector-item__border:after{height:100%}@media (min-width:771px),print{.category-selector-item{max-width:200px}}@media screen and (max-width:770px){.category-selector-item{font-size:1.2rem}}.category-selector{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 1px 1px 0}@media screen and (max-width:770px){.category-selector{-ms-flex-wrap:wrap;flex-wrap:wrap}.category-selector__item{width:calc(50% + 1px)}}@media (min-width:771px),print{.articlelist-layout{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.articlelist-layout__item{width:calc(133.33333% + 2px)}.articlelist-layout__item-wrap{width:25%}.articlelist-layout__item-wrap:nth-child(4n+1){margin-left:-4.16667%}.articlelist-layout__item-wrap:nth-child(2n){padding-top:calc((28.89% + 1.7334px)/2 - 2px)}.articlelist-layout__item-wrap:nth-last-child(n+5){margin-bottom:calc((-28.89% + 1.7334px)/2 - 2px)}}@media screen and (max-width:770px){.articlelist-layout{padding-bottom:1px}.articlelist-layout__item-wrap{margin-bottom:-1px}}.category-label{padding-bottom:8px;border-bottom:1px solid #fff;letter-spacing:.1em;text-indent:-.1em;font-size:1.2rem}.category-label[data-category=project]{border-color:#45ff00}.category-label[data-category=solution]{border-color:#00e2ff}.category-label[data-category=talk]{border-color:#ff6200}.category-label[data-category=investigation]{border-color:#f5ff00}.articlelist-item{border-color:#444}.articlelist-item__category{margin-bottom:15px}.articlelist-item__thumbnail-wrap{width:100%;margin-bottom:10px}.articlelist-item__thumbnail{padding-top:50%;width:100%;background:no-repeat 50%;background-size:cover}.articlelist-item__title{display:-webkit-box;width:100%;font-size:1.4rem;line-height:1.5em;max-height:4.5em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.articlelist-item__date{margin-top:auto;font-family:Oswald,sans-serif;font-size:1.4rem;letter-spacing:.05em;text-indent:.05em}@media (min-width:771px),print{.articlelist-item{position:relative;max-width:320px;pointer-events:none}.articlelist-item:before{content:"";top:50%;left:50%;display:block;width:100%;padding-top:86.67%}.articlelist-item .articlelist-item__container,.articlelist-item .articlelist-item__content,.articlelist-item .articlelist-item__inner,.articlelist-item .articlelist-item__wrapper{position:absolute;top:50%;left:50%;width:100%;height:100%}.articlelist-item .articlelist-item__container{width:120%;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.articlelist-item .articlelist-item__content,.articlelist-item .articlelist-item__inner,.articlelist-item .articlelist-item__wrapper{overflow:hidden;-webkit-transform:translate(-50%,-50%) rotate(60deg);transform:translate(-50%,-50%) rotate(60deg)}.articlelist-item .articlelist-item__content:after,.articlelist-item .articlelist-item__content:before,.articlelist-item .articlelist-item__inner:after,.articlelist-item .articlelist-item__inner:before,.articlelist-item .articlelist-item__wrapper:after,.articlelist-item .articlelist-item__wrapper:before{content:"";position:absolute;left:50%;height:1px;width:41.66667%;background:#444;-webkit-transform:translateX(-50%);transform:translateX(-50%);pointer-events:none}.articlelist-item .articlelist-item__content:before,.articlelist-item .articlelist-item__inner:before,.articlelist-item .articlelist-item__wrapper:before{top:0}.articlelist-item .articlelist-item__content:after,.articlelist-item .articlelist-item__inner:after,.articlelist-item .articlelist-item__wrapper:after{bottom:0}.articlelist-item .articlelist-item__content{position:absolute;top:50%;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:23px 23.95833%;background:-webkit-gradient(linear,left top,right bottom,from(rgba(28,28,28,.5)),to(rgba(68,68,68,.5)));background:linear-gradient(to right bottom,rgba(28,28,28,.5),rgba(68,68,68,.5));cursor:pointer;pointer-events:auto;color:inherit;text-decoration:none;-webkit-transition:background .3s;transition:background .3s;outline:none}.articlelist-item .articlelist-item__content:focus,.articlelist-item .articlelist-item__content:hover{background:rgba(68,68,68,.7);-webkit-transition:background 0s;transition:background 0s}.articlelist-item__border{position:absolute;top:0;left:25%;width:50%;height:100%;pointer-events:none}.articlelist-item__border:after,.articlelist-item__border:before{content:"";position:absolute;height:1px;width:0;background:#00a1ff;pointer-events:none;opacity:0;-webkit-box-shadow:0 0 6px 0 rgba(0,161,255,0);box-shadow:0 0 6px 0 rgba(0,161,255,0);-webkit-transition:opacity .3s,width .3s,-webkit-box-shadow .3s;transition:opacity .3s,width .3s,-webkit-box-shadow .3s;transition:opacity .3s,width .3s,box-shadow .3s;transition:opacity .3s,width .3s,box-shadow .3s,-webkit-box-shadow .3s}.articlelist-item__border:before{left:0;top:0}.articlelist-item__border:after{right:0;bottom:0}.articlelist-item__border:first-of-type{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.articlelist-item__border:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg)}.articlelist-item__border:nth-of-type(3){-webkit-transform:rotate(120deg);transform:rotate(120deg)}.articlelist-item[data-type=active]{z-index:1}.articlelist-item[data-type=active] .articlelist-item__border:after,.articlelist-item[data-type=active] .articlelist-item__border:before{width:100%;opacity:1;-webkit-box-shadow:0 0 6px 1px #00a1ff;box-shadow:0 0 6px 1px #00a1ff}}@media screen and (min-width:771px) and (max-width:1300px){.articlelist-item .articlelist-item__title{max-height:3em;-webkit-line-clamp:2}}@media screen and (min-width:771px) and (max-width:1200px){.articlelist-item .articlelist-item__title{max-height:1.5em;-webkit-line-clamp:1}}@media screen and (max-width:770px){.articlelist-item{position:relative;background:-webkit-gradient(linear,left top,right bottom,from(rgba(28,28,28,.5)),to(rgba(68,68,68,.5)));background:linear-gradient(to right bottom,rgba(28,28,28,.5),rgba(68,68,68,.5));border:1px solid #444;-webkit-transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,-webkit-box-shadow .3s;transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s,-webkit-box-shadow .3s;-webkit-box-shadow:0 0 6px rgba(0,161,255,0),inset 0 0 6px rgba(0,161,255,0);box-shadow:0 0 6px rgba(0,161,255,0),inset 0 0 6px rgba(0,161,255,0)}.articlelist-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;padding:20px;width:100%;text-decoration:none;outline:none}.articlelist-item__content:focus,.articlelist-item__content:hover{background:rgba(68,68,68,.7)}.articlelist-item__thumbnail-wrap,.articlelist-item__title{margin-bottom:10px;max-width:320px}.articlelist-item__date{max-width:320px;width:100%}.articlelist-item__border:nth-last-of-type(n+2){position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.articlelist-item__border:nth-last-of-type(n+2):after,.articlelist-item__border:nth-last-of-type(n+2):before{content:"";position:absolute;height:1px;width:1px;background:#00a1ff;pointer-events:none;opacity:0;-webkit-box-shadow:0 0 6px 0 rgba(0,161,255,0);box-shadow:0 0 6px 0 rgba(0,161,255,0)}.articlelist-item__border:nth-last-of-type(n+2):before{-webkit-transition:opacity .3s,width .3s;transition:opacity .3s,width .3s}.articlelist-item__border:nth-last-of-type(n+2):after{-webkit-transition:opacity .3s,height .3s;transition:opacity .3s,height .3s}.articlelist-item__border:first-of-type:before{left:-1px;top:-1px}.articlelist-item__border:first-of-type:after{right:-1px;top:-1px}.articlelist-item__border:nth-of-type(2):before{right:-1px;bottom:-1px}.articlelist-item__border:nth-of-type(2):after{left:-1px;bottom:-1px}.articlelist-item[data-type=active]{border-color:#00a1ff;-webkit-box-shadow:0 0 6px #00a1ff,inset 0 0 6px #00a1ff;box-shadow:0 0 6px #00a1ff,inset 0 0 6px #00a1ff;z-index:1}.articlelist-item[data-type=active] .article-list__border:after,.articlelist-item[data-type=active] .article-list__border:before{opacity:1}.articlelist-item[data-type=active] .article-list__border:before{width:calc(100% + 2px)}.articlelist-item[data-type=active] .article-list__border:after{height:calc(100% + 2px)}}.articlelist-page{height:100%}.articlelist-page__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;padding:60px 60px 20px;overflow:hidden}.articlelist-page__list{margin:0 auto;max-width:960px}.articlelist-page__footer{margin-top:auto;padding:100px 0 0}.articlelist-page__category{margin:0 auto 80px;max-width:797px}.articlelist-page__title{margin:40px 0;font-size:2.4rem;letter-spacing:.1em}.articlelist-page__copy-right{margin-top:100px}@media screen and (max-width:770px){.articlelist-page__inner{padding:10px 15px 20px}.articlelist-page__title{font-size:2rem;margin:20px 0}.articlelist-page__category{padding:0 5px;margin-bottom:55px}.articlelist-page__list{padding:0 5px}.articlelist-page__footer{padding:80px 0 0}.articlelist-page__copy-right{margin-top:80px}}