.c-feature-banner{display:grid;grid-template-rows:repeat(4,184px);grid-template-columns:repeat(4,1fr);-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;row-gap:12px}.c-feature-banner .banner-item{background:#ccc;display:block;position:relative}.c-feature-banner .banner-item:first-child{grid-row:1/5;grid-column:1/3}.c-feature-banner .banner-item:nth-child(2){grid-row:1/3;grid-column:3/4}.c-feature-banner .banner-item:nth-child(3){grid-row:1/3;grid-column:4/5}.c-feature-banner .banner-item:nth-child(4){grid-row:3/4;grid-column:3/4}.c-feature-banner .banner-item:nth-child(5){grid-row:4/4;grid-column:3/4}.c-feature-banner .banner-item:nth-child(6){grid-row:3/4;grid-column:4/5}.c-feature-banner .banner-item:nth-child(7){grid-row:4/4;grid-column:4/5}.c-feature-banner .banner-item.top-banner-about{background:url(./top_banner_1.jpg) no-repeat right bottom;background-size:cover}.c-feature-banner .banner-item .banner-image{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0}.c-feature-banner .banner-item .banner-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center}.c-feature-banner .banner-item.top-banner-subscription{background:url(./top_banner_3.jpg) no-repeat center center;background-size:cover}.c-feature-banner .banner-item.top-banner-instagram{background:url(./top_banner_4.jpg) no-repeat center center;background-size:cover}.c-feature-banner .banner-item a{text-decoration:none;position:absolute;left:0;top:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex}.c-feature-banner .banner-item .feature-banner-text{position:absolute;z-index:10}.c-feature-banner .banner-item .feature-banner-text.large{left:40px;top:88px}.c-feature-banner .banner-item .feature-banner-text.large .feature-banner-title .title-main{font-size:var(--font-level-3);color:var(--nh-black-700);letter-spacing:calc(var(--font-level-3)*.2)}.c-feature-banner .banner-item .feature-banner-text.large .feature-banner-title .title-ornament{font-size:var(--font-level-8);color:var(--color-primary);letter-spacing:calc(var(--font-level-8)*.2)}.c-feature-banner .banner-item .feature-banner-text.middle{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000000bf 10%,#0000);padding:48px 24px 28px}.c-feature-banner .banner-item .feature-banner-text.small{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000000bf 10%,#0000);padding:32px 20px 20px}.c-feature-banner .banner-item .feature-banner-text.small .feature-banner-title .title-main{font-size:var(--font-level-6);margin-bottom:8px}.c-feature-banner .banner-item .feature-banner-text.small .feature-banner-title .title-ornament{font-size:var(--font-level-9)}.c-feature-banner .banner-item .feature-banner-text .feature-banner-title{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:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:400}.c-feature-banner .banner-item .feature-banner-text .feature-banner-title .title-main{font-size:var(--font-level-4);line-height:1.25;font-family:var(--font-family-mincho);margin-bottom:12px;color:#fff;letter-spacing:calc(var(--font-level-4)*.05)}.c-feature-banner .banner-item .feature-banner-text .feature-banner-title .title-ornament{font-size:var(--font-level-8);font-family:var(--font-family-ornament);color:#fff;line-height:1.25;letter-spacing:calc(var(--font-level-8)*.2)}.c-feature-banner .banner-item .banner-text.type-gradation{position:absolute;bottom:0;left:0;right:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(10%,rgba(0,0,0,.75)),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000000bf 10%,#0000);padding:48px 24px 28px}.c-feature-banner .banner-item .banner-text.type-block{width:calc(50% - 12px);height:100%;background:#3e603bf2;padding:40px 24px;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:end;-ms-flex-pack:end;justify-content:flex-end}.c-feature-banner .banner-item .banner-text .headline{font-family:var(--font-family-mincho);line-height:1.25;color:#fff;font-size:var(--font-level-4);letter-spacing:calc(var(--font-level-4)*.05);margin-bottom:12px}.c-feature-banner .banner-item .banner-text .description{font-size:var(--font-level-8);letter-spacing:calc(var(--font-level-8)*.05);color:#fff;line-height:1.8}@media screen and (max-width:640px){.c-feature-banner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:40px}.c-feature-banner .banner-item{width:100%;aspect-ratio:2/1}.c-feature-banner .banner-item:first-child{width:calc(100% + 48px);margin:0 -24px 48px;aspect-ratio:1/1;position:relative}.c-feature-banner .banner-item:first-child .feature-banner-text{height:160px;width:240px;background:#fff;position:absolute;left:0;top:auto;bottom:-32px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.c-feature-banner .banner-item:first-child .feature-banner-text:after{content:"";display:inline-block;background-color:var(--color-primary);-webkit-mask:url(basic-arrow.svg);mask:url(basic-arrow.svg);background-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:16px;height:16px;position:absolute;right:24px;bottom:32px}.c-feature-banner .banner-item .feature-banner-text.large .feature-banner-title .title-main,.c-feature-banner .banner-item .feature-banner-text.middle .feature-banner-title .title-main,.c-feature-banner .banner-item .feature-banner-text.small .feature-banner-title .title-main{font-size:var(--font-level-6);margin-bottom:8px}.c-feature-banner .banner-item .feature-banner-text.large .feature-banner-title .title-ornament,.c-feature-banner .banner-item .feature-banner-text.middle .feature-banner-title .title-ornament,.c-feature-banner .banner-item .feature-banner-text.small .feature-banner-title .title-ornament{font-size:var(--font-level-9)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-top-feature-banner.css.map */