:root{--top-color-navy: #002060;--top-color-navy-deep: #00153f;--top-color-aqua: #5bb8d6;--top-color-aqua-pale: #eaf5f8;--top-color-text: #1a1f2b;--top-color-text-sub: #5a6270;--top-color-line: #d8dde5;--top-color-white: #ffffff;--top-font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;--top-font-mincho: "Zen Old Mincho", "Hiragino Mincho ProN", serif;--top-font-en: "Cormorant Garamond", "Times New Roman", serif;--top-fs-hero: clamp(28px, 15.27px + 3.394vw, 56px);--top-fs-catch: clamp(24px, 16.73px + 1.939vw, 40px);--top-fs-label: clamp(56px, 26.91px + 7.758vw, 120px);--top-fs-h3: clamp(18px, 16.18px + .485vw, 22px);--top-fs-body: clamp(15px, 14.55px + .121vw, 16px);--top-fs-small: 13px;--top-space-section: clamp(72px, 50.18px + 5.818vw, 120px);--top-space-gutter: clamp(20px, 10.91px + 2.424vw, 40px);--top-space-lead: clamp(24px, 20.36px + .97vw, 32px);--top-space-content: clamp(40px, 29.09px + 2.909vw, 64px);--top-width: 1200px;--top-width-narrow: 800px;--top-radius-pill: 999px;--top-ease: cubic-bezier(.22, 1, .36, 1)}.top-section,.top-hero{font-family:var(--top-font-sans);font-size:var(--top-fs-body);line-height:2;letter-spacing:.05em;color:var(--top-color-text);-webkit-font-smoothing:antialiased}:is(.top-section,.top-hero) :where(h1,h2,h3,p,ul,ol){margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}:is(.top-section,.top-hero) :where(img,video){display:block;max-width:100%;height:auto}:is(.top-section,.top-hero) :where(a){color:inherit}.top-label,.top-hero__en,.top-condition__no,.top-project__no,.top-news__date{font-variant-numeric:lining-nums}.top-inner{width:min(100% - var(--top-space-gutter) * 2,var(--top-width));margin-inline:auto}.top-section{padding-block:var(--top-space-section)}.top-section--white{background:var(--top-color-white)}.top-section--pale{background:var(--top-color-aqua-pale)}.top-section--navy{background:var(--top-color-navy);color:var(--top-color-white)}.top-section--deep{background:var(--top-color-navy-deep);color:var(--top-color-white)}.top-label{display:block;position:relative;z-index:0;font-family:var(--top-font-en);font-weight:400;font-size:var(--top-fs-label);line-height:1;letter-spacing:.02em;white-space:nowrap;color:#00206014;margin-bottom:-.42em;pointer-events:none}.top-section--navy .top-label,.top-section--deep .top-label{color:#ffffff14}.top-catch{position:relative;z-index:1;font-family:var(--top-font-mincho);font-weight:400;font-size:var(--top-fs-catch);line-height:1.6;letter-spacing:.08em;color:var(--top-color-navy)}.top-section--navy .top-catch,.top-section--deep .top-catch{color:var(--top-color-white)}.top-catch__sp{display:none}@media(max-width:749px){.top-catch__pc{display:none}.top-catch__sp{display:inline}}.top-lead{margin-top:var(--top-space-lead);max-width:var(--top-width-narrow)}.top-lead p+p{margin-top:1em}.top-head{margin-bottom:var(--top-space-content)}.top-head--center{text-align:center}.top-head--center .top-lead{margin-inline:auto}.top-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:240px;height:48px;padding-inline:32px;border:1px solid var(--top-color-navy);border-radius:var(--top-radius-pill);background:var(--top-color-navy);color:var(--top-color-white);font-family:var(--top-font-sans);font-size:15px;font-weight:500;line-height:1;text-decoration:none;letter-spacing:.08em;position:relative;z-index:0;overflow:hidden;transition:color .4s ease}.top-button:after{content:"\2192";transition:transform .3s var(--top-ease)}.top-button--on-dark{background:transparent;border-color:var(--top-color-white)}@media(min-width:990px){.top-button{height:56px}}.top-tag{display:inline-block;padding:5px 17px;border:0;box-shadow:inset 0 0 0 1px var(--top-color-navy);border-radius:var(--top-radius-pill);font-size:var(--top-fs-small);line-height:1.8;color:var(--top-color-navy);text-decoration:none;position:relative;z-index:0;overflow:hidden;transition:color .4s ease}.top-button,.top-tag,:is(.top-button,.top-tag):is(:hover,:focus,:focus-visible,:active,:visited){text-decoration:none}.top-button:before,.top-tag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--top-color-white);transform:scaleX(0);transform-origin:right center;transition:transform .4s ease}.top-tag:before{background:var(--top-color-navy)}@media(any-hover:hover){.top-button:hover:before,.top-tag:hover:before{transform:scaleX(1);transform-origin:left center}.top-button:hover{color:var(--top-color-navy)}.top-button:hover:after{transform:translate(4px)}.top-tag:hover{color:var(--top-color-white)}}.top-button:focus-visible:before,.top-tag:focus-visible:before{transform:scaleX(1);transform-origin:left center}.top-button:focus-visible{color:var(--top-color-navy)}.top-tag:focus-visible{color:var(--top-color-white)}.top-wave-bottom{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V93C83 100 67 86 50 93S17 86 0 93Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V93C83 100 67 86 50 93S17 86 0 93Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}.top-wave-side{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H82C93 0 97 7 95 19C93 31 89 41 92 53S99 75 96 86C94 96 88 100 80 100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0H82C93 0 97 7 95 19C93 31 89 41 92 53S99 75 96 86C94 96 88 100 80 100H0Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat}.top-photo{position:relative;overflow:hidden;background:var(--top-color-line)}.top-photo img{width:100%;height:100%;object-fit:cover}.top-photo--16x9{aspect-ratio:16 / 9}.top-photo--3x2{aspect-ratio:3 / 2}.top-photo--4x5{aspect-ratio:4 / 5}.top-placeholder{width:100%;height:100%;background:var(--top-color-line);fill:#00206033}.top-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;padding:0;border:0;border-radius:50%;background:var(--top-color-navy);color:var(--top-color-white);box-shadow:0 0 0 8px #ffffff59;cursor:pointer;display:grid;place-items:center;transition:transform .4s var(--top-ease)}.top-play:before{content:"";margin-left:4px;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent currentColor}.top-photo:hover .top-play{transform:scale(1.08)}.top-photo iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--top-ease),transform .8s var(--top-ease);transition-delay:calc(var(--i, 0) * .1s)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-wipe]{background:transparent}.js [data-wipe]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--top-color-navy);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--top-ease)}.js [data-wipe] img{position:relative;z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path .6s var(--top-ease) .2s}.js [data-wipe] .top-play{z-index:3;opacity:0;transition:opacity .6s .8s,transform .4s var(--top-ease)}.js [data-wipe] iframe{z-index:4}.js [data-wipe].is-in:before{transform:scaleX(1);opacity:0;transition:transform .6s var(--top-ease),opacity 0s 1s}.js [data-wipe].is-in img{clip-path:inset(0 0 0 0)}.js [data-wipe].is-in .top-play{opacity:1}.shopify-design-mode [data-reveal],.shopify-design-mode [data-wipe] img,.shopify-design-mode [data-wipe] .top-play{opacity:1;transform:none;clip-path:none}.shopify-design-mode [data-wipe]:before{display:none}@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none;transition:none}.js [data-wipe]:before{display:none}.js [data-wipe] img{clip-path:none;transition:none}.js [data-wipe] .top-play{opacity:1;transition:none}.top-button:before,.top-tag:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/top-base.css.map */