.popular-base[data-v-af1de76e]{background:#f5f5f5;display:block;height:auto;overflow:hidden;padding-top:15px;width:100%}#recommend-area-project-pc[data-v-af1de76e]{margin:0 auto 36px;position:relative;width:1000px}#recommend-area-project-pc[data-v-af1de76e] .Title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 0 30px}#recommend-area-project-pc[data-v-af1de76e] .subject{font-size:20px}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer{position:relative}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .scroll-button{background:#fff;border:1px solid #e7e7e7;border-radius:50%;cursor:pointer;height:34px;outline:0;position:absolute;top:calc(50% - 14px);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:34px}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .scroll-button:hover{opacity:.8}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .left-button{left:-53px;padding:0 8px 0 6px}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .right-button{padding:0 6px 0 8px;right:-53px}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .scroll-target{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .scroll-target::-webkit-scrollbar{display:none}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .is-ie.scroll-target{-ms-overflow-style:auto}#recommend-area-project-pc[data-v-af1de76e] .ScrollContainer .arrow{fill:#333;height:10px;width:10px}#recommend-area-project-pc[data-v-af1de76e] .projects{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}#recommend-area-project-pc[data-v-af1de76e] .project-item{-ms-flex-negative:0;flex-shrink:0;margin-right:24px}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem{background:#fff;border-radius:4px;margin-bottom:24px;overflow:hidden;position:relative}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem--3column{width:252px}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem--3column:not(:nth-child(3n)){margin-right:20px}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem--4column{width:232px}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem--4column:not(:nth-child(4n)){margin-right:24px}#recommend-area-project-pc[data-v-af1de76e] .ProjectItem a:hover{opacity:.9;text-decoration:underline}#recommend-area-project-pc[data-v-af1de76e] .projects .link{color:#333;display:block;height:100%;padding-bottom:90px;text-decoration:none}#recommend-area-project-pc[data-v-af1de76e] .projects .link--without-detail{padding-bottom:17px}#recommend-area-project-pc[data-v-af1de76e] .projects .image{position:relative}#recommend-area-project-pc[data-v-af1de76e] .projects .title{font-size:15px;line-height:1.8;padding:15px 15px 0}#recommend-area-project-pc[data-v-af1de76e] .projects .image-thumbnail{display:block;height:auto;width:100%}#recommend-area-project-pc[data-v-af1de76e] .projects .attribute{bottom:42px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;width:100%}#recommend-area-project-pc[data-v-af1de76e] .projects .time{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:14px;position:absolute}#recommend-area-project-pc[data-v-af1de76e] .projects .icon{fill:#a8a8a8;height:15px;margin-right:6px;width:15px}#recommend-area-project-pc[data-v-af1de76e] .projects .money{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:14px}#recommend-area-project-pc[data-v-af1de76e] .projects .bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;height:13px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 14px;position:absolute;width:100%}#recommend-area-project-pc[data-v-af1de76e] .projects .bar-background{background:#e6e6e6;border-radius:100px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:4px;overflow:hidden}#recommend-area-project-pc[data-v-af1de76e] .projects .bar-foreground{background:#bbf117;border-radius:0 4px 4px 0;height:100%}#recommend-area-project-pc[data-v-af1de76e] .projects .bar-percent{color:#7b7b7b;font-size:13px;margin-left:15px}