.anok-top-mv{position:relative;z-index:2;width:100%;height:820px;overflow:hidden;display:flex;flex-direction:column;margin-top:-92px}.anok-top-mv__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.anok-top-mv__bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.anok-top-mv__bg-img--mobile{display:none}@media screen and (max-width:749px){.anok-top-mv__bg-img--mobile{display:block}.anok-top-mv__bg:has(.anok-top-mv__bg-img--mobile) .anok-top-mv__bg-img--desktop{display:none}}div.anok-top-mv__gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--anok-color-white-80) 0%,rgba(255,255,255,0) 100%);mix-blend-mode:multiply;z-index:2;display:block}.anok-top-mv__content{position:relative;z-index:3;display:flex;flex-direction:column;gap:48px;padding:324px 0 0 70px;flex:1}.anok-top-mv__catchcopy{font-family:var(--anok-font-heading-ja, "Shippori Mincho", "Yu Mincho", serif);font-weight:400;font-size:48px;line-height:76.8px;letter-spacing:9.6px;color:var(--anok-color-text-body);margin:0}.anok-top-mv__subcopy{font-family:var(--anok-font-heading-ja, "Shippori Mincho", "Yu Mincho", serif);font-weight:400;font-size:28px;line-height:61.6px;letter-spacing:2.24px;color:var(--anok-color-text-body);margin:0}.anok-top-mv__banner{position:absolute;bottom:40px;right:70px;z-index:4;display:flex;flex-direction:row;align-items:center;gap:8px;padding:4px 48px 4px 8px;background:#fff6;border:1px solid var(--anok-color-white);border-radius:8px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-decoration:none;color:var(--anok-color-text-body);transition:opacity .3s ease;cursor:pointer;max-width:315px}.anok-top-mv__banner:hover{opacity:.85}.anok-top-mv__banner-images{position:relative;width:90px;height:92px;flex-shrink:0;overflow:hidden}.anok-top-mv__banner-img{width:90px;height:92px;object-fit:cover;display:block}.anok-top-mv__banner-text{font-family:var(--anok-font-body-ja, "Noto Sans JP", "Hiragino Sans", sans-serif);font-weight:400;font-size:14px;line-height:19.6px;letter-spacing:1.12px;text-indent:-1.12px;color:var(--anok-color-text-body);flex:1}.anok-top-mv__banner-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%)}.anok-top-mv__scroll-indicator{position:absolute;bottom:0;right:8px;z-index:5;display:flex;flex-direction:column;align-items:center;gap:16px;mix-blend-mode:difference;transition:opacity .4s ease-out}.anok-top-mv__scroll-indicator.anok-top-mv__scroll-indicator--hidden{opacity:0;pointer-events:none}.anok-top-mv__scroll-text{font-family:var(--anok-font-body-ja, "Noto Sans JP", "Hiragino Sans", sans-serif);font-weight:300;font-size:11px;line-height:22px;letter-spacing:2.2px;color:var(--anok-color-white);writing-mode:vertical-rl}.anok-top-mv__scroll-line{width:2px;height:150px;background:var(--anok-color-white-30);position:relative;overflow:hidden}div.anok-top-mv__scroll-line-solid{display:block;width:2px;height:100%;background:var(--anok-color-white);position:absolute;top:0;left:0;animation:anok-scroll-line 1.5s cubic-bezier(.7,0,.84,0) infinite}@keyframes anok-scroll-line{0%{transform:translateY(-100%)}26.67%{transform:translateY(0)}53.33%{transform:translateY(0)}80%{transform:translateY(100%)}to{transform:translateY(100%)}}@media screen and (max-width:989px){.anok-top-mv{height:100vh;margin-top:-72px}.anok-top-mv__content{padding:200px 40px 0;gap:48px}.anok-top-mv__catchcopy{font-size:32px;line-height:51.2px;letter-spacing:6.4px}.anok-top-mv__subcopy{font-size:18px;line-height:39.6px;letter-spacing:1.44px}.anok-top-mv__banner{bottom:80px;right:24px;padding:4px 18px 4px 8px;gap:18px}.anok-top-mv__banner-icon{position:static;transform:none}.anok-top-mv__scroll-indicator{display:none}}@media screen and (max-width:749px){.anok-top-mv{height:680px;margin-top:-56px}.anok-top-mv__content{padding:200px 24px 0;gap:48px}.anok-top-mv__catchcopy{font-size:32px;line-height:51.2px;letter-spacing:6.4px}.anok-top-mv__subcopy{font-size:16px;line-height:28.8px;letter-spacing:.96px}.anok-top-mv__banner{bottom:24px;left:-10px;right:auto;max-width:360px;padding:4px 18px 4px 8px;gap:12px}.anok-top-mv__banner-icon{position:static;transform:none}.anok-top-mv__scroll-indicator{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-anok-top-mv.css.map */