.cl{--cl-accent: #d7635b;--cl-num: #d05752;--cl-ink: #2e2a27;--cl-muted: #8a7f72;--cl-cream: #f1ebe0;--cl-serif: "Shippori Mincho", "Noto Serif JP", serif;--cl-sans: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--cl-en: "Cormorant Garamond", "Noto Serif JP", serif;box-sizing:border-box;background:#fff;color:var(--cl-ink);font-family:var(--cl-sans)}.cl *,.cl *:before,.cl *:after{box-sizing:border-box}.cl img{display:block;max-width:100%;height:auto}.cl__inner{max-width:39rem;margin:0 auto;padding:0 var(--r2-pad, .8rem)}.cl-hero{position:relative;overflow:hidden}.cl-hero__img{width:100%;aspect-ratio:390 / 400;object-fit:cover}.cl-hero__img--ph{background:#cfc6b6}.cl-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 55%,#0000002e);pointer-events:none}.cl-hero__title{position:absolute;left:0;right:0;bottom:22%;z-index:1;margin:0;text-align:center;color:#fff;font-family:var(--cl-serif);font-size:2rem;font-weight:400;line-height:1.6;letter-spacing:.06em}.cl-hero__scroll{position:absolute;right:1.6rem;bottom:0;z-index:1;display:flex;align-items:flex-start;gap:.6rem;height:6.4rem;color:#fff}.cl-hero__scroll:before{content:"";width:1px;height:100%;background:#fff}.cl-hero__scroll span{writing-mode:vertical-rl;font-family:var(--cl-en);font-size:1.2rem;font-style:italic;font-weight:300;letter-spacing:.14em}.cl-about{padding-top:8rem;padding-bottom:8rem}.cl-about__card{position:relative;padding:5.6rem 1.2rem 3.2rem;border:1px solid var(--cl-accent);border-radius:3rem;text-align:center}.cl-about__label{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);margin:0;padding:.8rem 2.8rem;border-radius:999px;background:var(--cl-accent);color:#fff;font-family:var(--cl-serif);font-size:2rem;font-weight:500;line-height:1.5;letter-spacing:.06em;white-space:nowrap}.cl-about__text{font-size:1.6rem;line-height:3.5rem;letter-spacing:.04em}.cl-about__text p{margin:0 0 1.2em}.cl-about__text p:last-child{margin-bottom:0}.cl-icons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:2.4rem 1.2rem;margin:3.2rem 0 0;padding:0;list-style:none}.cl-icons__item{width:100%;min-width:0}.cl-icons__link{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;color:var(--cl-ink);text-decoration:none}.cl-icons__circle{display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--cl-cream);border:1px solid #d9cfbe;color:var(--cl-ink)}.cl-icons__label{font-size:1.4rem;letter-spacing:.04em}.cl-icons__chev{color:var(--cl-ink)}.cl-steps{counter-reset:cl-step;background:var(--cl-cream);padding-top:0}.cl-step{position:relative;margin-top:6.4rem;scroll-margin-top:8rem}.cl-step:first-child{margin-top:0}.cl-step__num{position:absolute;top:-2.4rem;left:.4rem;z-index:1;font-family:var(--cl-en);font-style:italic;font-size:4.4rem;line-height:1;color:var(--cl-num);font-variant-numeric:lining-nums}.cl-step__card{display:flex;flex-direction:column;background:var(--cl-cream)}.cl-step__media{flex:0 0 auto;aspect-ratio:16 / 9;background:#e4ddd0}.cl-step__media img{width:100%;height:100%;object-fit:cover}.cl-step__body{flex:1 1 auto;padding:2.4rem 1.6rem;font-size:1.6rem;line-height:3.5rem;letter-spacing:.03em}.cl-step__body p{margin:0 0 1.2em}.cl-step__body p:last-child{margin-bottom:0}.cl-closing{padding-top:8rem;padding-bottom:8rem;text-align:center;font-family:var(--cl-serif);font-size:1.6rem;line-height:3.5rem;letter-spacing:.04em}.cl-closing p{margin:0 0 1.2em}.cl-closing p:last-child{margin-bottom:0}.cl-closing p a{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:24rem;min-height:5.5rem;margin-top:1.2rem;padding:0 3rem;border-radius:999px;background:var(--cl-accent);color:#fff;font-family:var(--cl-sans);font-size:1.6rem;font-weight:400;line-height:1.4;letter-spacing:.06em;text-decoration:none;white-space:nowrap;transition:opacity .2s ease}.cl-closing p a:after{content:"";flex:0 0 auto;width:4.6rem;height:1rem;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='10'%20viewBox='0%200%2050%2010'%3E%3Cpath%20d='M0%205h45M38%201l7%204'%20stroke='%23fff'%20fill='none'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.cl-closing p a:hover{opacity:.88}@media screen and (min-width:750px){.cl-steps{padding-top:0}.cl__inner{max-width:96rem;padding:0 4rem}.cl-hero__img{aspect-ratio:1440 / 560}.cl-hero__title{bottom:26%;font-size:2.8rem}.cl-hero__scroll{right:4rem;height:8rem}.cl-about{padding-top:10rem;padding-bottom:10rem}.cl-about__card{max-width:76rem;margin:0 auto;padding:7.2rem 6rem 5.6rem}.cl-about__label{font-size:2.2rem;padding:1rem 3.6rem}.cl-about__text{font-size:1.8rem}.cl-icons{gap:3.2rem 4rem;max-width:48rem;margin-left:auto;margin-right:auto}.cl-icons__circle{width:7.2rem;height:7.2rem}.cl-icons__label{font-size:1.4rem}.cl-step{max-width:80rem;margin:10rem auto 0}.cl-step:first-child{margin-top:0}.cl-step__num{top:50%;left:-9rem;transform:translateY(-50%);font-size:6rem}.cl-step__card{flex-direction:row;min-height:20rem}.cl-step__media{flex:0 0 31%;aspect-ratio:auto}.cl-step__body{padding:4rem;font-size:1.8rem;align-self:center}.cl-closing{padding-top:10rem;padding-bottom:12rem;font-size:1.8rem}}.cl-icons__img{display:block;width:3rem;height:3rem;object-fit:contain}@media screen and (min-width:750px){.cl-icons__img{width:3.8rem;height:3.8rem}}.cl-icons__circle{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.cl-icons__link:active .cl-icons__circle{transform:scale(.9)}.cl-icons__chev{transition:transform .35s ease}.cl-icons__link:hover .cl-icons__chev{transform:translateY(2px)}.cl-step__card.is-landed{animation:cl-landed 1.3s cubic-bezier(.22,1,.36,1)}@keyframes cl-landed{0%{transform:translateY(1.2rem) scale(.985);box-shadow:0 0 #d7635b73}45%{transform:translateY(-.4rem) scale(1);box-shadow:0 0 0 1.2rem #d7635b00}to{transform:none;box-shadow:0 0 0 1.6rem #d7635b00}}.cl-step__num.is-landed{animation:cl-landed-num 1.1s cubic-bezier(.34,1.56,.64,1)}@keyframes cl-landed-num{0%{transform:scale(.6) rotate(-8deg);opacity:.3}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.cl-step__card.is-landed,.cl-step__num.is-landed{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-club-page.css.map */