/* Typography matched to the Bijicho reference site (2026-10-08). */
body{font-size:17px;line-height:1.9}
h1,h2,h3{font-family:'Noto Sans JP',sans-serif}
h2,.section-title h2,.support h2,.contact h2,.pricing-section h2{font-size:31px;font-weight:800;line-height:1.7;letter-spacing:.02em}
h3{font-weight:700;letter-spacing:.02em}
.hero h1{font-size:36px;font-weight:900;line-height:1.45;letter-spacing:-.025em}
.hero-description{font-size:18px;line-height:1.75;font-weight:400}
.brand{font-size:29px}
.nav nav{font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;font-size:15px;font-weight:700}
.btn,.hero-actions .btn,.contact .contact-submit{font-size:17px;font-weight:800;line-height:1.5}
.btn.small{font-size:15px;font-weight:900;line-height:1.5}
.hero{padding:24px 0 18px}
.section{padding-block:80px}
.screen-demo{padding-block:64px}
.section-title>p:last-child:not(.kicker),.screen-copy p,.screen-copy ul,.problems p,.demo-steps article>p,.support p:not(.kicker),.four p,.operation-list p,.case-columns p,.case-columns ul,.case-estimate p,.pricing-pair p,.pricing-pair ul,.faqs details p,.contact-help p,.contact-intro ul{font-size:17px;line-height:2;font-weight:400}
.product-feature h3{font-size:30px;font-weight:700;line-height:1.55;letter-spacing:.02em}
.feature-description{font-size:17px;line-height:2.1;font-weight:400}
.feature-headline{font-size:17px;line-height:1.9}
.problems h3{font-size:21px;line-height:1.8}
.step-heading h3,.four h3{font-size:18px;line-height:1.55}
.case-columns h3,.pricing-pair h3{font-size:24px;line-height:1.55}
.screen-copy h3{font-size:30px;line-height:1.55}
.hero-diagram h3{font-size:21px;font-weight:700;line-height:1.55}
.hero-diagram .diagram-note{font-size:14px;line-height:1.6}
.feature-caption,.feature-keywords,.visual-caption,.release,.pricing-note,.case-study>.wrap>.note{font-size:14px;line-height:1.8}
.feature-status{font-size:14px;line-height:1.9}
.faqs summary{font-size:18px;line-height:1.9}
.contact-field label,.contact-form-card legend{font-size:17px;line-height:1.9}
.contact .contact-demo-note,.contact .contact-privacy,.contact .contact-consent,.required-tag,.optional-tag{font-size:14px;line-height:1.9}
.contact .contact-form-card .contact-field input,.contact .contact-form-card .contact-field textarea{font-size:17px}
@media(max-width:900px){.hero h1{font-size:36px}.product-feature-grid{grid-template-columns:1fr}.product-feature h3{font-size:30px}.screen-copy h3{font-size:28px}}
@media(max-width:600px){
.wrap{width:calc(100% - 44px)}
#features{padding-inline:22px}
.hero{padding:16px 0 18px}
.hero h1{font-size:28px;line-height:1.45;letter-spacing:-.025em}
.hero-description{font-size:17px;line-height:1.65}
h2,.section-title h2,.support h2,.contact h2,.pricing-section h2{font-size:28px;line-height:1.7}
.product-feature h3{font-size:27px;line-height:1.55}
.section{padding-block:55px}.screen-demo{padding-block:40px}
.btn,.hero-actions .btn,.contact .contact-submit{font-size:16px;line-height:1.5}
.hero-actions .btn{padding:15px 12px;justify-content:center}
.hero-actions .btn span{display:none}
.brand{font-size:23px}.btn.small{font-size:14px}
.hero-diagram h3{font-size:19px}.hero-diagram .diagram-note{font-size:14px}
.feature-description{font-size:17px;line-height:2.1}
.feature-keywords,.feature-caption,.visual-caption,.release{font-size:14px}
.contact .section-title>p{font-size:17px;line-height:2}
.faqs summary{font-size:17px}
.case-columns>div{padding:24px 20px}
}
@media(max-width:360px){.hero-actions{grid-template-columns:1fr}}

.hero-phrase{display:inline-block} .hero h1{overflow-wrap:normal}
@media(max-width:600px){.hero-actions{grid-template-columns:1fr}.hero-actions .btn{padding:15px 24px}}