/* source_agent=codex / machine=mac-mini
   Existing SITE NEW typography: Japanese clarity and expressive scale. */
body.typography-refined{--font-jp:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--font-number:"Manrope",Arial,sans-serif;font-family:var(--font-jp);font-weight:400;line-break:strict;word-break:normal;overflow-wrap:break-word;font-kerning:normal}
.typography-refined .hero h1{font-size:clamp(52px,6.8vw,98px);font-weight:700;letter-spacing:-.065em;line-height:1.23;margin-bottom:30px}
.typography-refined .hero h1>span:last-child{font-size:.84em;font-weight:500;letter-spacing:-.055em;line-height:1.35;margin-top:12px}
.typography-refined .hero-description{font-size:17px;line-height:1.95;font-weight:400;letter-spacing:.01em}
.typography-refined .creation-price strong,.typography-refined .monthly-price strong{font-family:var(--font-number);font-weight:600;letter-spacing:-.07em;font-variant-numeric:lining-nums}
.typography-refined .hero-note{font-size:12px;line-height:1.9}
.typography-refined .section-title{font-weight:600;line-height:1.35;letter-spacing:-.06em;text-wrap:balance}
.typography-refined .eyebrow{font-size:13px;font-weight:500;letter-spacing:.09em;margin-bottom:30px}
.typography-refined .section-lead{font-size:17px;line-height:1.95;letter-spacing:.01em;font-weight:400}
.typography-refined .service{padding-block:124px}
.typography-refined .service .section-title{font-size:clamp(40px,4.7vw,68px)}
.typography-refined .service-heading .section-lead{margin-top:29px}
.typography-refined .service-list{padding-top:48px}
.typography-refined .service-list .service-item{padding-block:34px}
.typography-refined .service-list .service-item h3{font-size:clamp(25px,2.2vw,32px);font-weight:500;line-height:1.45;letter-spacing:-.045em;margin:0}
.typography-refined .service-list .service-item p{font-size:16px;line-height:1.9;margin-top:17px;max-width:27em}
.typography-refined .service-list .number{font-family:var(--font-number);font-size:12px;letter-spacing:.05em;margin-bottom:13px}
.typography-refined .service-team{margin-top:42px}
.typography-refined .service-team figcaption{font-size:11px;line-height:1.8}
.typography-refined .pricing-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:70px;max-width:none;text-align:left;margin:0 0 55px}
.typography-refined .pricing-head .eyebrow{grid-column:1/-1}
.typography-refined .pricing-head .section-title{font-size:clamp(40px,4.4vw,64px)}
.typography-refined .pricing-head .section-lead{align-self:end;margin:0;max-width:27em}
.typography-refined .price-label{font-family:var(--font-number);letter-spacing:.12em;font-weight:700;font-size:12px}
.typography-refined .price-card h3{font-size:28px;font-weight:500;letter-spacing:-.04em}
.typography-refined .price-desc{font-size:14px;line-height:1.9}
.typography-refined .amount{gap:10px;flex-wrap:wrap;align-items:baseline}
.typography-refined .amount strong{font-family:var(--font-number);font-weight:600;font-size:clamp(40px,4.1vw,60px);line-height:1.2;letter-spacing:-.07em}
.typography-refined .included h3{font-weight:500;font-size:22px;letter-spacing:-.035em}
.typography-refined .included-grid li{font-size:15px;font-weight:500}
.typography-refined .price-summary ul{font-size:14px;line-height:1.9}
.typography-refined .process{padding-block:116px}
.typography-refined .process .section-title{font-size:clamp(46px,5.2vw,75px);font-weight:500;letter-spacing:-.065em;line-height:1.18}
.typography-refined .title-prelude{display:block;font-size:clamp(23px,2.15vw,31px);line-height:1.5;font-weight:500;letter-spacing:-.04em;margin-bottom:16px}
.typography-refined .title-count{font-family:var(--font-number);font-size:1.36em;letter-spacing:-.08em;font-weight:500;line-height:.9;margin-right:.04em}
.typography-refined .process .section-lead{font-size:16px;max-width:29em}
.typography-refined .flow-diagram{margin-top:62px}
.typography-refined .flow-diagram .step{padding-top:32px}
.typography-refined .step-symbol{max-width:none;margin-bottom:34px}
.typography-refined .flow-diagram .step-no{font-family:var(--font-number);font-size:18px;letter-spacing:-.02em;font-weight:400}
.typography-refined .flow-diagram h3{font-size:24px;letter-spacing:-.035em;font-weight:500;line-height:1.45}
.typography-refined .flow-diagram p{font-size:15px;line-height:1.95}
.typography-refined .monthly{padding-block:116px}
.typography-refined .monthly .monthly-head{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:56px}
.typography-refined .monthly .section-title{font-size:clamp(38px,4.2vw,61px);font-weight:500;line-height:1.4}
.typography-refined .monthly .section-lead{font-size:16px}
.typography-refined .monthly .support-service{grid-template-columns:40px minmax(0,1fr) minmax(0,1.5fr);padding-block:35px;align-items:center}
.typography-refined .monthly .support-service h3{font-size:48px;font-weight:500;letter-spacing:-.05em;line-height:1.2}
.typography-refined .monthly .support-service-heading>p{font-size:13px;font-weight:400;margin-top:13px}
.typography-refined .monthly .support-description{font-size:17px;line-height:1.9;max-width:29em}
.typography-refined .improvement-flow h3{font-weight:500;letter-spacing:-.03em;font-size:23px}
.typography-refined .improvement-flow li{font-weight:400;font-size:16px}
.typography-refined .improvement-flow li span{font-family:var(--font-number);font-size:14px}
.typography-refined .faq{padding-block:110px}
.typography-refined .faq .section-title{font-size:48px;font-weight:500}
.typography-refined .faq summary{font-size:18px;font-weight:500;line-height:1.7;padding-block:30px;letter-spacing:-.015em}
.typography-refined .faq details>p{font-size:16px;line-height:1.95}
.typography-refined .contact .section-title{font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.3}
.typography-refined .contact-text{font-size:17px;line-height:1.95;max-width:28em}
.typography-refined .contact-card h3{font-weight:500;font-size:30px;line-height:1.5;letter-spacing:-.04em}
.typography-refined .button{font-weight:500;letter-spacing:.015em}
.typography-refined .detail-link{font-size:14px}
@media(max-width:1000px){
 .typography-refined .service-grid{grid-template-columns:1fr;gap:36px}.typography-refined .service-heading{max-width:750px}.typography-refined .service-list{padding-top:0}.typography-refined .service-team{max-width:620px}.typography-refined .service .section-title{font-size:54px}.typography-refined .service-list .service-item h3{font-size:30px}.typography-refined .pricing-head{grid-template-columns:1fr;gap:22px}.typography-refined .pricing-head .eyebrow{margin-bottom:0}.typography-refined .amount strong{font-size:43px}.typography-refined .monthly .monthly-head{grid-template-columns:1fr;gap:24px}.typography-refined .monthly .section-title{font-size:48px}.typography-refined .monthly .support-service h3{font-size:40px}.typography-refined .monthly .support-description{font-size:16px}.typography-refined .flow-diagram h3{font-size:21px}.typography-refined .flow-diagram p{font-size:14px}
}
@media(max-width:700px){
 .typography-refined .hero h1{font-size:clamp(35px,9.5vw,64px);line-height:1.3;letter-spacing:-.07em;margin-bottom:24px}.typography-refined .hero h1>span:last-child{font-size:.91em;margin-top:9px;line-height:1.4}.typography-refined .hero-description{font-size:14px;line-height:1.95}.typography-refined .hero-note{font-size:11px}.typography-refined .creation-price strong,.typography-refined .monthly-price strong{font-weight:600}.typography-refined .monthly-price strong{font-size:clamp(60px,16vw,94px)}.typography-refined .creation-price strong{font-size:60px}.typography-refined .creation-price strong small,.typography-refined .monthly-price strong small{font-size:23px}.typography-refined .eyebrow{font-size:12px;letter-spacing:.07em;margin-bottom:25px}.typography-refined .service,.typography-refined .process,.typography-refined .monthly,.typography-refined .faq{padding-block:76px}.typography-refined .service .section-title{font-size:clamp(29px,8.6vw,48px);line-height:1.4;letter-spacing:-.055em}.typography-refined .section-lead,.typography-refined .process .section-lead,.typography-refined .monthly .section-lead{font-size:15px;line-height:1.95}.typography-refined .service-heading .section-lead{margin-top:26px}.typography-refined .service-team{margin-top:30px}.typography-refined .service-list .service-item{padding-block:28px}.typography-refined .service-list .service-item h3{font-size:25px;line-height:1.5}.typography-refined .service-list .service-item p{font-size:15px;margin-top:13px}.typography-refined .service-list .number{margin-bottom:8px}.typography-refined .pricing-head .section-title{font-size:clamp(29px,8.6vw,48px);line-height:1.4;letter-spacing:-.055em}.typography-refined .pricing-head{margin-bottom:36px}.typography-refined .price-card h3{font-size:28px}.typography-refined .amount strong{font-size:64px}.typography-refined .included h3{font-size:19px}.typography-refined .included-grid li{font-size:13px}.typography-refined .price-summary ul{font-size:13px;line-height:1.9}.typography-refined .process .section-title{font-size:clamp(35px,9.5vw,52px);line-height:1.2}.typography-refined .title-prelude{font-size:21px;margin-bottom:13px}.typography-refined .flow-diagram{margin-top:37px}.typography-refined .step-symbol{margin:0;gap:16px}.typography-refined .flow-diagram .step-no{font-size:16px}.typography-refined .flow-diagram .step{padding-block:28px}.typography-refined .flow-diagram h3{font-size:23px}.typography-refined .flow-diagram p{font-size:15px;line-height:1.9}.typography-refined .monthly .section-title{font-size:clamp(30px,8.5vw,46px);letter-spacing:-.06em;line-height:1.45}.typography-refined .monthly .support-service{grid-template-columns:28px minmax(0,1fr);padding-block:30px;align-items:start}.typography-refined .monthly .support-service h3{font-size:36px}.typography-refined .monthly .support-service-heading>p{font-size:13px;margin-top:9px}.typography-refined .monthly .support-description{font-size:15px;margin-top:5px}.typography-refined .improvement-flow h3{font-size:19px;line-height:1.7}.typography-refined .improvement-flow li{font-size:14px}.typography-refined .improvement-flow li span{font-size:12px}.typography-refined .faq .section-title{font-size:32px}.typography-refined .faq summary{font-size:16px;padding-block:25px;gap:20px}.typography-refined .faq details>p{font-size:15px}.typography-refined .contact .section-title{font-size:clamp(34px,9.5vw,52px)}.typography-refined .contact-text{font-size:15px}.typography-refined .contact-card h3{font-size:26px}.typography-refined .detail-link{font-size:13px}
}
@media(max-width:359px){.typography-refined .hero h1{font-size:31px}.typography-refined .hero h1>span:last-child{font-size:1em}.typography-refined .hero-price{gap:12px}.typography-refined .creation-price{padding-right:12px}.typography-refined .creation-price strong{font-size:50px}.typography-refined .monthly-price strong{font-size:56px}.typography-refined .creation-price strong small,.typography-refined .monthly-price strong small{font-size:20px}.typography-refined .amount strong{font-size:55px}.typography-refined .service .section-title,.typography-refined .pricing-head .section-title{font-size:28px}.typography-refined .monthly .section-title{font-size:28px}.typography-refined .improvement-flow li{font-size:12px}}

.typography-refined .copy-phrase{display:inline-block;white-space:nowrap}

@media(max-width:700px){.typography-refined .hero-description{max-width:none}}