@charset "UTF-8";.section{margin-bottom:120px}.section__sub{margin-bottom:80px}.section__title{text-align:center}.section__title.section__title--filter{margin:12px 0 22px}.titleArea{padding:20px;margin-bottom:30px;text-align:center;background-size:cover;background:rgba(213,195,207,.302);-webkit-border-radius:10px;border-radius:10px}.titleArea__title__logo img{max-width:100%;height:auto}.titleArea__title__ruby{font-size:12px;font-weight:700}.titleArea__title__ruby:after,.titleArea__title__ruby:before{content:"-";margin:0 4px}.titleArea__description{margin-top:5px}.articleList{display:-ms-grid;display:grid;-ms-grid-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;grid-template-columns:repeat(12,1fr);grid-gap:18px;margin-bottom:40px}.articleList__item{-ms-grid-column-span:4;grid-column:span 4}.articleCard{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;padding:20px 20px 15px;text-decoration:none;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:1px 2px 4px rgba(0,0,0,.4);box-shadow:1px 2px 4px rgba(0,0,0,.4);-webkit-transition:.1s linear;-moz-transition:.1s linear;transition:.1s linear}.articleCard:hover{-webkit-box-shadow:1px 2px 12px rgba(0,0,0,.7);box-shadow:1px 2px 12px rgba(0,0,0,.7)}.articleCard__image{margin:-20px -20px 20px}.articleCard__image img{max-width:100%;height:auto;-webkit-transition:50ms linear;-moz-transition:50ms linear;transition:50ms linear;image-rendering:-webkit-optimize-contrast}.articleCard__release{margin:auto 0 5px;font-size:12px;font-weight:700;color:#9e9e9e}.articleCard__title{font-size:14px;line-height:1.4;color:#1e1e1e;font-weight:700;margin-bottom:10px}.articleCard__description{overflow:hidden;display:-webkit-box;margin-bottom:8px;font-size:12px;line-height:1.6;color:#737373;-webkit-box-orient:vertical;-webkit-line-clamp:2}.articleCard__label__item{display:inline-block;margin:0 4px 4px 0;padding:2px 8px;font-size:12px;color:#fff;-webkit-border-radius:4px;border-radius:4px;background:#cf8fd8}.moreBtn{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:30px auto 0}.moreBtn__link{display:block;min-width:280px;padding:15px;font-size:16px;color:#fff;background:#9c27b0;text-align:center;text-decoration:none;-webkit-transition:.1s linear;-moz-transition:.1s linear;transition:.1s linear;-webkit-box-shadow:0 0 0 rgba(0,0,0,.4);box-shadow:0 0 0 rgba(0,0,0,.4);-webkit-border-radius:50px;border-radius:50px;border:1px solid #9c27b0}.moreBtn__link:hover{background:#fff;color:#9c27b0}.pager{text-align:center;margin-bottom:80px}.pager__item{display:inline-block;margin:0 5px}.pager__item__link{display:block;width:42px;height:42px;line-height:42px;font-size:18px;text-align:center;text-decoration:none;color:#fff;background:#9c27b0;-webkit-border-radius:30px;border-radius:30px;-webkit-transition:.1s linear;-moz-transition:.1s linear;transition:.1s linear;border:1px solid #9c27b0}a.pager__item__link:hover{background:#fff;color:#9c27b0}.pager__item__link.pager__item__link--current{color:#9c27b0;border:1px solid #9c27b0;background:#fff;opacity:.5}@media screen and (min-width:768px){.articleList__item.articleList__item--filtering{-ms-grid-column-span:4;grid-column:span 4}}@media screen and (min-width:1316px){.articleList__item{-ms-grid-column-span:3;grid-column:span 3}.articleList__item.articleList__item--topNewer:nth-of-type(-n+3){-ms-grid-column-span:4;grid-column:span 4}.articleList__item.articleList__item--topNewer:nth-of-type(-n+3) .articleCard__title{font-size:16px}.articleList__item.articleList__item--topNewer:nth-of-type(-n+3) br{display:none}}@media screen and (max-width:1315px){.articleList{grid-gap:15px}.articleList__item.articleList__item--topNewer:nth-of-type(-n+2){-ms-grid-column-span:6;grid-column:span 6}.articleList__item.articleList__item--topNewer:nth-of-type(-n+2) br{display:none}}@media screen and (max-width:767px){.articleList{grid-gap:10px}.articleList__item{-ms-grid-column-span:6;grid-column:span 6}.articleCard{padding:15px 15px 12px}.articleCard__image{margin:-15px -15px 15px}.articleCard__title{font-size:14px}}
/* Copyright 2019 Graphic Co., Ltd. All Right Reserved. */