.card[data-v-04d93540]{height:100%;position:relative}.card a[data-v-04d93540]{color:inherit;grid-template-rows:auto 1fr;text-decoration:none;display:grid}.card.-courses a[data-v-04d93540]{background-color:#fff;border-radius:4px;height:100%;box-shadow:0 1px 4px #33333340}.card.-courses .card_imageArea[data-v-04d93540]{border-radius:4px 4px 0 0}.card.-courses .card_textArea[data-v-04d93540]{padding-left:16px;padding-right:16px}.card.-courses.-top[data-v-04d93540]{padding:1px 1px 0}.card.-courses.-top a[data-v-04d93540]{height:calc(100% - 4px)}.card.-courses.-top .card_imageArea[data-v-04d93540] p{display:none}.card.-courses.-top[data-v-04d93540] .labelList{justify-content:flex-start}.card.-courses.-top[data-v-04d93540] .labelList li{font-weight:var(--fw-normal);color:var(--cl-text);gap:8px}.card.-courses.-top[data-v-04d93540] .labelList li img{width:16px}.card.-courses.-top[data-v-04d93540] .labelList li:not(:last-child){border-right:none}.card.-courses.-top[data-v-04d93540] .tag{font-size:.875rem;line-height:1.5}@media screen and (width<=768px){.card.-courses.-all[data-v-04d93540] .videoDuration{font-size:.625rem;inset:auto 0 0 auto}}.card.-articles .card_imageArea[data-v-04d93540]{border-radius:4px;box-shadow:0 1px 4px #33333340}@media print,screen and (width>=1250px){.card.-articles .card_textArea[data-v-04d93540]{padding-bottom:0}}@media screen and (width<=768px){.card.-articles.-all .card_textArea[data-v-04d93540]{padding-left:15px}}.card.-articles.-all[data-v-04d93540] .outside{padding-bottom:8px}@media screen and (width<=768px){.card.-articles.-all[data-v-04d93540] .outside .tag{display:none}.card.-all[data-v-04d93540]{border-bottom:1px solid #eee}.card.-all a[data-v-04d93540]{box-shadow:none;grid-template-columns:25% auto}.card.-all .card_imageArea[data-v-04d93540]{border-radius:0;position:relative}.card.-all .card_textArea[data-v-04d93540]{padding-top:0;padding-bottom:8px}}@media print,screen and (width>=1250px){.card.-recommend a[data-v-04d93540]{grid-template-rows:auto;grid-template-columns:auto 234px;gap:12px}}.card.-recommend .card_imageArea[data-v-04d93540]{border-radius:4px}.card.-recommend .card_textArea[data-v-04d93540]{gap:6px;padding-top:12px;padding-bottom:0}@media print,screen and (width>=1250px){.card.-recommend .card_textArea[data-v-04d93540]{padding-top:0}}.card.-recommend .card_textArea[data-v-04d93540] .name{font-size:.875rem;font-weight:var(--fw-normal)}.card_imageArea[data-v-04d93540]{aspect-ratio:300/170;width:100%;overflow:hidden}.card_imageArea[data-v-04d93540]>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card_textArea[data-v-04d93540]{flex-direction:column;align-items:flex-start;gap:12px;padding-top:16px;padding-bottom:16px;display:flex;overflow:hidden}.icon-play[data-v-127884c7]{background-image:url(../../images/common/icon-play-white.svg);background-size:cover;width:36px;height:36px;position:absolute;top:8px;right:8px}@media screen and (width<=768px){.card.-all .icon-play[data-v-127884c7]{width:20px;height:20px;top:4px;right:4px}}@media print,screen and (width>=1250px){.card.-recommend .icon-play[data-v-127884c7]{right:254px}}dl[data-v-127884c7]{color:#333;grid-template-columns:8em auto;gap:2px 8px;font-size:.6875rem;line-height:1.6;display:grid}dl dd[data-v-127884c7]{-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;display:-webkit-box;overflow:hidden}@media screen and (width<=768px){dl[data-v-127884c7]{display:none}}.outside[data-v-127884c7]{justify-content:space-between;gap:8px;display:flex}@media screen and (width>=769px){.outside[data-v-127884c7]{margin-top:16px}}.date[data-v-127884c7]{color:#999;flex-shrink:0;font-size:.6875rem;line-height:1.6}.tag[data-v-127884c7]{flex-wrap:wrap;gap:8px;display:flex}.tag li[data-v-127884c7]{border:1px solid #ddd;border-radius:20px;flex-shrink:0;padding:.3em 1em;font-size:.75rem;line-height:1.66667}.tag li a[data-v-127884c7]{color:#000;text-decoration:none}