.aw-why-klug{--aw-why-stage-base-width-pc: 1760;--aw-why-stage-base-height-pc: 990;--aw-why-stage-ratio-pc: .5625;--aw-why-stage-base-width-sp: 342;--aw-why-stage-base-height-sp: 608;--aw-why-stage-ratio-sp: 1.7777778;--aw-why-stage-side-padding-pc: 40px;--aw-why-stage-side-padding-sp: 20px;--aw-why-stage-width-current: min( calc(100vw - 80px) , 1760px);--aw-why-stage-height-current: calc(var(--aw-why-stage-width-current) * .5625);--aw-why-scroll-height-current: var(--aw-why-stage-height-current);--aw-why-sticky-top-current: var(--aw-why-sticky-top-pc);--aw-why-sticky-top-pc: clamp(8px, 4vh, 40px);--aw-why-sticky-top-sp: clamp(8px, 2.5vh, 20px);--aw-why-text-left-pc: 4.09091%;--aw-why-text-bottom-pc: 8.88889%;--aw-why-common-right-pc: 4.09091%;--aw-why-common-bottom-pc: 8.88889%;--aw-why-counter-top-pc: 4.0404%;--aw-why-counter-right-pc: 2.27273%;--aw-why-common-top-sp: 6.57895%;--aw-why-common-left-sp: 7.01754%;--aw-why-common-right-sp: 18.71345%;--aw-why-counter-top-sp: 7.23684%;--aw-why-counter-right-sp: 7.01754%;--aw-why-text-left-sp: 7.01754%;--aw-why-text-right-sp: 7.01754%;--aw-why-text-bottom-sp: 6.57895%;width:100%;padding-top:var(--aw-why-padding-top-pc);padding-bottom:var(--aw-why-padding-bottom-pc);background:var(--aw-why-background-color)}.aw-why-klug__inner{width:100%}.aw-why-klug__scroll{position:relative;min-height:0;overflow:visible}.aw-why-klug__sticky{position:relative;top:0;height:var(--aw-why-stage-height-current);padding-inline:var(--aw-why-stage-side-padding-pc)}.aw-why-klug__stage{position:relative;width:var(--aw-why-stage-width-current);height:100%;margin-inline:auto;aspect-ratio:1760/990;overflow:hidden;color:#fff;isolation:isolate}.aw-why-klug__common-heading{position:absolute;right:var(--aw-why-common-right-pc);bottom:var(--aw-why-common-bottom-pc);z-index:4;text-align:right}.aw-why-klug__common-heading--small .aw-why-klug__common-en{font-size:40px}.aw-why-klug__common-heading--small .aw-why-klug__common-ja{font-size:16px}.aw-why-klug__common-en{margin:0 0 clamp(18px,3vh,32px);color:#fff;font-family:Martel Sans,Noto Sans JP,sans-serif;font-size:clamp(44px,3.64vw,64px);font-weight:300;line-height:1;letter-spacing:.18em}.aw-why-klug__common-ja{margin:0 16px 0 0;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:clamp(14px,1.2vw,18px);line-height:1.5;letter-spacing:.06em}.aw-why-klug__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity var(--aw-why-animation-speed) ease,visibility var(--aw-why-animation-speed) ease}.aw-why-klug__slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}.aw-why-klug__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.aw-why-klug__picture{position:relative;z-index:0}.aw-why-klug__picture,.aw-why-klug__image,.aw-why-klug__placeholder{display:block;width:100%;height:100%}.aw-why-klug__image{opacity:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;transform:scale(1.04);transition:opacity var(--aw-why-animation-speed) ease,transform var(--aw-why-animation-speed) ease}.aw-why-klug__placeholder{background:#1e3c5a14}.aw-why-klug__placeholder svg{display:block;width:100%;height:100%}.aw-why-klug__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--aw-why-slide-overlay-opacity, .35);pointer-events:none}.aw-why-klug__content{position:relative;z-index:3;height:100%;padding:0}.aw-why-klug__counter{position:absolute;top:var(--aw-why-counter-top-pc);right:var(--aw-why-counter-right-pc);color:#fff;font-family:Martel Sans,Noto Sans JP,sans-serif;font-size:16px;font-weight:300;line-height:1;letter-spacing:.08em;opacity:0;transform:translateY(24px);transition:opacity var(--aw-why-animation-speed) ease,transform var(--aw-why-animation-speed) ease}.aw-why-klug__text{position:absolute;left:var(--aw-why-text-left-pc);bottom:var(--aw-why-text-bottom-pc);width:auto;max-width:none;opacity:0;transform:translateY(24px);transition:opacity var(--aw-why-animation-speed) ease,transform var(--aw-why-animation-speed) ease}.aw-why-klug__slide-heading{margin:0 0 64px;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:clamp(28px,2.27vw,40px);line-height:1.5;letter-spacing:.06em;font-weight:400}.aw-why-klug__body{margin-bottom:64px;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:16px;line-height:clamp(28px,2.27vw,40px);letter-spacing:.04em;white-space:wrap;font-weight:300}.aw-why-klug__link{position:relative;display:inline-flex;align-items:center;gap:48px;min-width:240px;padding:0 0 24px 8px;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:clamp(15px,1.2vw,18px);line-height:1.4;letter-spacing:.06em;text-decoration:none}.aw-why-klug__link:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor}.aw-why-klug__link:hover .aw-why-klug__link-label,.aw-why-klug__link:focus-visible .aw-why-klug__link-label{text-decoration:underline;text-underline-offset:.2em}.aw-why-klug__link:hover .aw-why-klug__link-icon,.aw-why-klug__link:focus-visible .aw-why-klug__link-icon{transform:translate(4px)}.aw-why-klug__link:focus-visible{outline:2px solid #fff;outline-offset:4px}.aw-why-klug__link-icon{width:14px;height:14px;flex:0 0 auto;background-color:currentColor;mask:url(klug-arrow.svg) center/contain no-repeat;-webkit-mask:url(klug-arrow.svg) center/contain no-repeat;transition:transform .3s ease}.aw-why-klug__empty{margin:0;padding:48px var(--aw-why-stage-side-padding-pc);color:#181919;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:16px;line-height:1.8;text-align:center}.aw-why-klug__slide.is-active .aw-why-klug__image{opacity:1;transform:scale(1)}.aw-why-klug__slide.is-active .aw-why-klug__text,.aw-why-klug__slide.is-active .aw-why-klug__counter{opacity:1;transform:translateY(0)}.aw-why-klug.is-enhanced:not(.is-static) .aw-why-klug__scroll{height:var(--aw-why-scroll-height-current);min-height:var(--aw-why-stage-height-current)}.aw-why-klug.is-enhanced:not(.is-static) .aw-why-klug__sticky{position:-webkit-sticky;position:sticky;top:var(--aw-why-sticky-top-current)}@media only screen and (max-width:767px){.aw-why-klug{--aw-why-stage-width-current: calc(100vw - 40px) ;--aw-why-stage-height-current: calc(var(--aw-why-stage-width-current) * 1.7777778);--aw-why-sticky-top-current: var(--aw-why-sticky-top-sp);padding-top:var(--aw-why-padding-top-sp);padding-bottom:var(--aw-why-padding-bottom-sp)}.aw-why-klug__sticky{padding-inline:var(--aw-why-stage-side-padding-sp)}.aw-why-klug__stage{aspect-ratio:342/608}.aw-why-klug__common-heading{top:var(--aw-why-common-top-sp);right:var(--aw-why-common-right-sp);bottom:auto;left:var(--aw-why-common-left-sp);text-align:left}.aw-why-klug__common-heading--small .aw-why-klug__common-en{font-size:28px}.aw-why-klug__common-heading--small .aw-why-klug__common-ja{font-size:13px}.aw-why-klug__common-en{margin-bottom:18px;font-size:clamp(24px,7vw,28px);letter-spacing:.14em}.aw-why-klug__common-ja{font-size:13px}.aw-why-klug__counter{top:var(--aw-why-counter-top-sp);right:var(--aw-why-counter-right-sp);font-size:12px}.aw-why-klug__text{right:var(--aw-why-text-right-sp);bottom:var(--aw-why-text-bottom-sp);left:var(--aw-why-text-left-sp);width:auto;max-width:none}.aw-why-klug__slide-heading{margin-bottom:40px;font-size:clamp(20px,6vw,24px)}.aw-why-klug__body{margin-bottom:40px;font-size:12px;line-height:26px}.aw-why-klug__link{padding-bottom:20px;font-size:15px}.aw-why-klug__empty{padding-inline:var(--aw-why-stage-side-padding-sp)}.aw-why-klug.is-enhanced:not(.is-static) .aw-why-klug__sticky{top:var(--aw-why-sticky-top-sp)}}@media only screen and (min-width:768px)and (max-height:760px){.aw-why-klug{--aw-why-sticky-top-pc: 8px;padding-top:min(var(--aw-why-padding-top-pc),16px);padding-bottom:min(var(--aw-why-padding-bottom-pc),16px)}}@media only screen and (min-width:768px)and (max-height:640px){.aw-why-klug{--aw-why-sticky-top-pc: 8px;padding-top:min(var(--aw-why-padding-top-pc),8px);padding-bottom:min(var(--aw-why-padding-bottom-pc),8px)}}@media only screen and (max-width:767px)and (max-height:700px){.aw-why-klug{--aw-why-sticky-top-sp: 8px;padding-top:min(var(--aw-why-padding-top-sp),20px);padding-bottom:min(var(--aw-why-padding-bottom-sp),20px);--aw-why-common-top-sp: 4.60526%;--aw-why-counter-top-sp: 5.26316%;--aw-why-text-bottom-sp: 4.60526%}}@media(prefers-reduced-motion:reduce){.aw-why-klug__slide,.aw-why-klug__image,.aw-why-klug__text,.aw-why-klug__counter,.aw-why-klug__link-icon{transition:none}.aw-why-klug__image,.aw-why-klug__text,.aw-why-klug__counter{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/aw-why-klug.css.map */