.notice-banner-thumbnail{box-sizing:border-box;background-color:var(--banner-bg-color);width:100%;height:100%;position:relative;overflow:hidden}.notice-banner-thumbnail .banner-content{justify-content:space-between;align-items:center;width:100%;height:100%;padding:1rem 1.5rem;display:flex}.notice-banner-thumbnail .banner-text{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;max-width:65%;padding-right:1rem;display:flex}.notice-banner-thumbnail .banner-text .banner-badge{background:color-mix(in srgb,var(--banner-text-color)12%,transparent);color:var(--banner-text-color);border:1px solid color-mix(in srgb,var(--banner-text-color)20%,transparent);letter-spacing:.02em;border-radius:999px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:750}.notice-banner-thumbnail .banner-text .banner-title{color:var(--banner-text-color);-webkit-line-clamp:3;text-overflow:ellipsis;text-shadow:0 1px 3px var(--black-alpha-100);white-space:pre-line;word-break:break-all;-webkit-box-orient:vertical;margin:0 0 .25rem;font-size:1.125rem;font-weight:800;line-height:1.4;transition:font-size .2s;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail .banner-point-img-wrapper{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;width:45%;height:100%;display:flex;position:absolute;top:0;bottom:0;right:0}.notice-banner-thumbnail .banner-point-img-wrapper .banner-point-img{object-fit:contain;object-position:right center}.notice-banner-thumbnail.layout-slider .banner-content{padding:2rem 4.5rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-badge{margin-bottom:1rem;padding:.25rem .75rem;font-size:.9rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:2.25rem;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{width:50%;height:100%}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper .banner-point-img{object-position:right center}.notice-banner-thumbnail.layout-detail .banner-content{padding:2.5rem 4rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-badge{margin-bottom:1rem;padding:.25rem .75rem;font-size:.9rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:2.5rem;display:-webkit-box;overflow:hidden}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:45%;height:100%}@media (max-width:1179px){.notice-banner-thumbnail .banner-content{padding:1rem}.notice-banner-thumbnail .banner-text .banner-badge{margin-bottom:.25rem;font-size:.7rem}.notice-banner-thumbnail .banner-text .banner-title{font-size:1rem}.notice-banner-thumbnail.layout-slider .banner-content{padding:1.5rem}.notice-banner-thumbnail.layout-slider .banner-text .banner-title{font-size:1.75rem}.notice-banner-thumbnail.layout-slider .banner-point-img-wrapper{width:45%}.notice-banner-thumbnail.layout-detail .banner-content{padding:2rem 1.5rem}.notice-banner-thumbnail.layout-detail .banner-text .banner-title{font-size:1.5rem}.notice-banner-thumbnail.layout-detail .banner-point-img-wrapper{width:50%}}