.sample-base{--sample-pad-dense: 80px;--sample-pad-med: 100px;--sample-pad-loose: 140px;--sample-pad-dense-lg: 100px;--sample-pad-med-lg: 120px;--sample-pad-loose-lg: 160px;--sample-radius-sm: 8px;--sample-radius-md: 12px;--sample-radius-pill: 100px}.sample-base *,.sample-base *:before,.sample-base *:after{margin:0;padding:0;box-sizing:border-box}.sample-base img{max-width:100%;height:auto;display:block}.sample-base a{text-decoration:none;color:inherit;transition:color .3s ease}.sample-base ul{list-style:none}.sample-base .container{width:90%;max-width:var(--container-width, 960px);margin:0 auto}.sample-base .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sample-base a:focus-visible,.sample-base button:focus-visible{outline:2px solid var(--color-accent, #7A8471);outline-offset:3px;border-radius:4px}.sample-base .loader{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}.sample-base .loader.is-hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.sample-base *,.sample-base *:before,.sample-base *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sample-yoridokoro{--color-bg: #F3EDE2;--color-bg-light: #FAF7F2;--color-bg-accent: #EDE4F0;--color-text: #4A4A4A;--color-text-light: #6E6E6E;--color-accent: #C4B8D4;--color-accent-dark: #9A8AAE;--color-accent-warm: #D4C0B0;--color-white: #FFFFFF;--color-border: #DDD8D0;--font-display: "Shippori Mincho", serif;--font-body: "Noto Sans JP", sans-serif;--font-accent: "Klee One", cursive;--transition-base: .3s ease;--container-width: 920px;font-family:var(--font-body);font-weight:300;color:var(--color-text);background-color:var(--color-bg);line-height:1.9;letter-spacing:.02em;-webkit-font-smoothing:antialiased;overflow-x:hidden}.sample-yoridokoro .sh{text-align:center;margin-bottom:48px}.sample-yoridokoro .sh__en{font-family:var(--font-display);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;letter-spacing:.08em;color:var(--color-accent-dark);display:block;margin:0}.sample-yoridokoro .sh__ja{font-family:var(--font-accent);font-size:.78rem;color:var(--color-text-light);letter-spacing:.06em;margin-top:6px;display:block}.sample-yoridokoro .sh__deco{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.sample-yoridokoro .sh__deco-dot{width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.sample-yoridokoro .sh__deco-line{width:24px;height:1px;background:var(--color-accent)}.sample-yoridokoro .header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:14px 0;transition:background .3s,box-shadow .3s}.sample-yoridokoro .header--scrolled{background:#f3ede2f5;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-border)}.sample-yoridokoro .header__inner{display:flex;align-items:center;justify-content:space-between}.sample-yoridokoro .header__logo{font-family:var(--font-display);font-size:1.1rem;font-weight:400;letter-spacing:.1em;color:var(--color-accent-dark)}.sample-yoridokoro .header__cta{font-family:var(--font-accent);font-size:.72rem;font-weight:400;color:var(--color-white);background:var(--color-accent-dark);padding:8px 20px;border-radius:100px;transition:background var(--transition-base)}.sample-yoridokoro .header__cta:hover{background:#876e9e}.sample-yoridokoro .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.sample-yoridokoro .hero__bg{position:absolute;inset:0;z-index:0}.sample-yoridokoro .hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.sample-yoridokoro .hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#f3ede2eb,#f3ede2cc 40%,#f3ede2a6)}.sample-yoridokoro .hero__content{position:relative;z-index:2;width:90%;max-width:var(--container-width);margin:0 auto;padding:120px 0 80px;text-align:center}.sample-yoridokoro .hero__badge{display:inline-block;font-family:var(--font-accent);font-size:.72rem;letter-spacing:.1em;color:var(--color-accent-dark);background:var(--color-bg-accent);padding:6px 20px;border-radius:100px;margin-bottom:24px}.sample-yoridokoro .hero__title{font-family:var(--font-display);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:400;line-height:2;color:var(--color-text);margin-bottom:20px}.sample-yoridokoro .hero__title em{font-style:normal;color:var(--color-accent-dark)}.sample-yoridokoro .hero__sub{font-family:var(--font-accent);font-size:.85rem;line-height:2.2;color:var(--color-text-light);margin-bottom:36px;max-width:440px;margin-left:auto;margin-right:auto}.sample-yoridokoro .hero__cta-group{display:flex;flex-direction:column;gap:10px;align-items:center}.sample-yoridokoro .hero__cta-main{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-accent);font-size:.88rem;font-weight:400;color:var(--color-white);background:var(--color-accent-dark);padding:14px 36px;border-radius:100px;transition:background var(--transition-base),transform var(--transition-base)}.sample-yoridokoro .hero__cta-main:hover{background:#876e9e;transform:translateY(-2px)}.sample-yoridokoro .hero__cta-note{font-size:.72rem;color:var(--color-text-light)}.sample-yoridokoro .concerns{padding:100px 0;background:var(--color-bg-light)}.sample-yoridokoro .concerns__lead{font-family:var(--font-accent);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:2.2;text-align:center;color:var(--color-text);margin-bottom:40px}.sample-yoridokoro .concerns__list{display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto}.sample-yoridokoro .concerns__item{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;background:var(--color-white);border-radius:16px;box-shadow:0 2px 8px #00000008}.sample-yoridokoro .concerns__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-accent)}.sample-yoridokoro .concerns__text{font-size:.85rem;line-height:1.8;color:var(--color-text)}.sample-yoridokoro .concerns__transition{text-align:center;margin-top:48px}.sample-yoridokoro .concerns__transition-text{font-family:var(--font-accent);font-size:1rem;line-height:2.2;color:var(--color-accent-dark)}.sample-yoridokoro .features{padding:100px 0}.sample-yoridokoro .features__grid{display:flex;flex-direction:column;gap:40px}.sample-yoridokoro .features__item{display:grid;grid-template-columns:1fr;gap:20px;align-items:center}@media(min-width:640px){.sample-yoridokoro .features__item{grid-template-columns:1fr 1fr;gap:40px}.sample-yoridokoro .features__item:nth-child(2n) .features__image,.sample-yoridokoro .features__item--reverse .features__image{order:2}.sample-yoridokoro .features__grid{gap:64px}}.sample-yoridokoro .features__image{border-radius:20px;overflow:hidden;aspect-ratio:4/3}.sample-yoridokoro .features__image img{width:100%;height:100%;object-fit:cover}.sample-yoridokoro .features__number{font-family:var(--font-display);font-size:.75rem;letter-spacing:.1em;color:var(--color-accent);margin-bottom:6px;display:block}.sample-yoridokoro .features__title{font-family:var(--font-accent);font-size:1.1rem;font-weight:400;color:var(--color-text);margin-bottom:10px;line-height:1.8}.sample-yoridokoro .features__desc{font-size:.82rem;line-height:2;color:var(--color-text-light)}.sample-yoridokoro .flow{padding:100px 0;background:var(--color-bg-accent)}.sample-yoridokoro .flow__steps{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.sample-yoridokoro .flow__step{display:flex;gap:20px;background:var(--color-white);border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000008}.sample-yoridokoro .flow__step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--color-accent-dark);color:var(--color-white);font-family:var(--font-display);font-size:.85rem;display:flex;align-items:center;justify-content:center}.sample-yoridokoro .flow__step-content{flex:1}.sample-yoridokoro .flow__step-title{font-family:var(--font-accent);font-size:.95rem;font-weight:400;color:var(--color-text);margin-bottom:4px}.sample-yoridokoro .flow__step-desc{font-size:.78rem;line-height:1.9;color:var(--color-text-light)}.sample-yoridokoro .voices{padding:100px 0;background:var(--color-bg-light)}.sample-yoridokoro .voices__grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:680px;margin:0 auto}@media(min-width:640px){.sample-yoridokoro .voices__grid{grid-template-columns:1fr 1fr}}.sample-yoridokoro .voices__card{background:var(--color-white);padding:24px 20px;border-radius:16px;box-shadow:0 2px 8px #00000008}.sample-yoridokoro .voices__card-meta{font-family:var(--font-accent);font-size:.7rem;color:var(--color-accent-dark);margin-bottom:10px}.sample-yoridokoro .voices__card-text{font-size:.82rem;line-height:2;color:var(--color-text)}.sample-yoridokoro .voices__card-text em{font-style:normal;color:var(--color-accent-dark)}.sample-yoridokoro .pricing{padding:100px 0}.sample-yoridokoro .pricing__card{max-width:480px;margin:0 auto;background:var(--color-white);border-radius:24px;padding:40px 28px;text-align:center;box-shadow:0 4px 16px #0000000a}.sample-yoridokoro .pricing__badge{display:inline-block;font-family:var(--font-accent);font-size:.72rem;color:var(--color-white);background:var(--color-accent-dark);padding:4px 16px;border-radius:100px;margin-bottom:20px}.sample-yoridokoro .pricing__name{font-family:var(--font-accent);font-size:1rem;color:var(--color-text);margin-bottom:8px}.sample-yoridokoro .pricing__price{font-family:var(--font-display);font-size:2.8rem;font-weight:400;color:var(--color-accent-dark);line-height:1.2;margin-bottom:4px}.sample-yoridokoro .pricing__price-sub{font-size:.85rem}.sample-yoridokoro .pricing__free{font-family:var(--font-accent);font-size:1.4rem;color:var(--color-accent-dark);margin-bottom:24px}.sample-yoridokoro .pricing__details{text-align:left;margin-bottom:28px}.sample-yoridokoro .pricing__detail-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:.82rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.sample-yoridokoro .pricing__detail-item:last-child{border-bottom:none}.sample-yoridokoro .pricing__detail-icon{flex-shrink:0;color:var(--color-accent-dark);margin-top:2px}.sample-yoridokoro .pricing__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-accent);font-size:.88rem;font-weight:400;color:var(--color-white);background:var(--color-accent-dark);padding:14px 40px;border-radius:100px;width:100%;transition:background var(--transition-base),transform var(--transition-base)}.sample-yoridokoro .pricing__cta:hover{background:#876e9e;transform:translateY(-2px)}.sample-yoridokoro .access{padding:100px 0;background:var(--color-bg-light)}.sample-yoridokoro .access__inner{max-width:600px;margin:0 auto}.sample-yoridokoro .access__row{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:.85rem}.sample-yoridokoro .access__row dt{font-family:var(--font-accent);font-size:.78rem;color:var(--color-accent-dark)}.sample-yoridokoro .access__row dd{color:var(--color-text);line-height:1.7}.sample-yoridokoro .access__map{margin-top:28px;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--color-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:.82rem}.sample-yoridokoro .access__note{margin-top:16px;text-align:center;font-family:var(--font-accent);font-size:.78rem;color:var(--color-accent-dark)}.sample-yoridokoro .final-cta{padding:80px 0;background:var(--color-accent-dark);text-align:center;position:relative;overflow:hidden}.sample-yoridokoro .final-cta:before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:50%;background:#ffffff0a}.sample-yoridokoro .final-cta__title{font-family:var(--font-accent);font-size:clamp(1rem,2.5vw,1.3rem);font-weight:400;color:var(--color-white);line-height:2.2;margin-bottom:24px;position:relative;z-index:1}.sample-yoridokoro .final-cta__button{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-accent);font-size:.88rem;font-weight:400;color:var(--color-accent-dark);background:var(--color-white);padding:16px 44px;border-radius:100px;transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;z-index:1}.sample-yoridokoro .final-cta__button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.sample-yoridokoro .final-cta__note{font-size:.72rem;color:#ffffffb3;margin-top:16px;position:relative;z-index:1}.sample-yoridokoro .footer{padding:40px 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.sample-yoridokoro .footer__inner{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.sample-yoridokoro .footer__logo{font-family:var(--font-display);font-size:1rem;letter-spacing:.08em;color:var(--color-accent-dark)}.sample-yoridokoro .footer__sns{display:flex;gap:16px}.sample-yoridokoro .footer__sns-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-light);transition:color var(--transition-base),border-color var(--transition-base)}.sample-yoridokoro .footer__sns-link:hover{color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.sample-yoridokoro .footer__sns-link svg{width:16px;height:16px}.sample-yoridokoro .footer__copyright{font-size:.65rem;color:var(--color-text-light);letter-spacing:.05em}.sample-yoridokoro .loader{background:var(--color-bg);flex-direction:column;gap:12px}.sample-yoridokoro .loader__icon{width:28px;height:28px;color:var(--color-accent);animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.sample-yoridokoro .loader__text{font-family:var(--font-display);font-size:.8rem;letter-spacing:.15em;color:var(--color-accent-dark)}.sample-yoridokoro .header__cta:focus-visible,.sample-yoridokoro .hero__cta-main:focus-visible,.sample-yoridokoro .pricing__cta:focus-visible,.sample-yoridokoro .final-cta__button:focus-visible{outline-offset:4px;border-radius:100px}@media(min-width:768px){.sample-yoridokoro .hero__content{padding:160px 0 120px}.sample-yoridokoro .concerns,.sample-yoridokoro .features,.sample-yoridokoro .flow,.sample-yoridokoro .voices,.sample-yoridokoro .pricing,.sample-yoridokoro .access{padding:120px 0}}