.c-banner{width:100%;height:296px;position:relative;background:#ccc}.c-banner.comunity-banner{display:-webkit-box;display:-ms-flexbox;display:flex}.c-banner.comunity-banner .banner-content{padding:40px 64px 40px 40px;min-width:384px;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-pack:center;-ms-flex-pack:center;justify-content:center;background:var(--color-primary);color:#fff}.c-banner.comunity-banner .banner-content .banner-copy{font-size:var(--font-level-7);letter-spacing:calc(var(--font-level-7)*.1);line-height:1.8;color:#fff;font-family:var(--font-family-mincho);margin-bottom:12px}.c-banner.comunity-banner .banner-content .banner-title{font-size:var(--font-level-3);letter-spacing:calc(var(--font-level-3)*.1);line-height:1.8;color:#fff;font-family:var(--font-family-mincho);margin-bottom:24px;padding-bottom:20px;position:relative}.c-banner.comunity-banner .banner-content .banner-title:after{content:"";width:56px;height:2px;background:#fff;position:absolute;left:0;bottom:-1px}.c-banner.comunity-banner .banner-content .banner-description{font-size:var(--font-level-8);line-height:1.8;letter-spacing:calc(var(--font-level-8)*.05)}.c-banner.comunity-banner .banner-thumb{-webkit-box-flex:1;-ms-flex:1;flex:1}.c-banner.comunity-banner .banner-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (max-width: 640px){.c-banner{height:auto;background:var(--color-primary)}.c-banner.comunity-banner{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.c-banner.comunity-banner .banner-content{padding:32px 24px;min-width:unset;width:100%}.c-banner.comunity-banner .banner-content .banner-copy{font-size:var(--font-level-8);letter-spacing:calc(var(--font-level-8)*.1);margin-bottom:4px}.c-banner.comunity-banner .banner-content .banner-title{font-size:var(--font-level-5);letter-spacing:calc(var(--font-level-5)*.1);margin-bottom:20px;padding-bottom:16px}.c-banner.comunity-banner .banner-thumb{width:100%;aspect-ratio:16/9;background:#ccc}.c-banner.comunity-banner .banner-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}/*# sourceMappingURL=component-banner-comunity.css.map */