.c-banner{width:100%;height:296px;position:relative;background:#ccc;-webkit-transition:.2s;transition:.2s}.c-banner:hover{opacity:.6}.c-banner.subscription-banner{padding:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:url(./product_inner_banner_01_0627.png) no-repeat center center;background-size:cover}.c-banner.subscription-banner .banner-content{padding-top:16px}.c-banner.subscription-banner .banner-content .banner-copy{font-size:var(--font-level-7);letter-spacing:calc(var(--font-level-7)*.1);line-height:1.8;font-family:var(--font-family-mincho);margin-bottom:12px}.c-banner.subscription-banner .banner-content .banner-title{font-size:var(--font-level-3);letter-spacing:calc(var(--font-level-3)*.1);line-height:1.8;font-family:var(--font-family-mincho);margin-bottom:40px}.c-banner.subscription-banner .banner-content .btn{min-width:240px}.c-banner.subscription-banner .banner-thumb{display:none}@media screen and (max-width: 640px){.c-banner{height:auto;background:var(--color-primary)}.c-banner.subscription-banner{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;background:var(--color-primary)}.c-banner.subscription-banner .banner-content{padding:32px 24px;min-width:unset;width:100%}.c-banner.subscription-banner .banner-content .banner-copy{color:#fff;font-size:var(--font-level-8);letter-spacing:calc(var(--font-level-8)*.1);margin-bottom:4px}.c-banner.subscription-banner .banner-content .banner-title{color:#fff;font-size:var(--font-level-5);letter-spacing:calc(var(--font-level-5)*.1);margin-bottom:24px;padding-bottom:20px;position:relative}.c-banner.subscription-banner .banner-content .banner-title:after{content:"";width:56px;height:2px;background:#fff;position:absolute;left:0;bottom:-1px}.c-banner.subscription-banner .banner-content .btn.size-m{padding:0 !important;font-size:var(--font-level-8);margin-left:auto;min-width:unset;height:auto;gap:8px}.c-banner.subscription-banner .banner-content .btn.size-m .arrow{position:relative;right:auto;bottom:-2px}.c-banner.subscription-banner .banner-content .btn.size-m svg{width:24px;height:24px}.c-banner.subscription-banner .banner-thumb{width:100%;aspect-ratio:16/9;background:#ccc;display:block}.c-banner.subscription-banner .banner-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center}}/*# sourceMappingURL=component-banner-subscription.css.map */