/* WEB department inherits the approved site system; no alternate brand theme. */
.web-renew main{padding-bottom:0;background:#fff}.web-renew .web-wrap{width:min(1100px,calc(100% - 64px));margin-inline:auto}.web-renew .web-block{padding:80px 0;scroll-margin-top:135px}.web-renew .web-lead{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:40px}.web-renew .web-kicker{font:500 12px/1.6 Outfit,'Noto Sans JP',sans-serif;letter-spacing:.12em;color:#8c7051;margin:0 0 18px}.unified-preview.web-renew main .web-lead h2{font-family:'Zen Old Mincho',serif!important;font-size:clamp(28px,3.1vw,40px)!important;font-weight:500;line-height:1.7;letter-spacing:.02em;margin:0 0 24px}.web-renew .web-lead p{margin-bottom:18px;font-size:15px}.web-renew figure{margin:0}.web-renew figure img{display:block;width:100%;height:auto}.web-renew figcaption{font-size:12px;color:#657068;margin-top:12px;line-height:1.8}.web-renew .web-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin-top:28px}.web-renew .web-text-link{display:inline-flex;align-items:center;min-height:44px;color:#1b3022;font-size:14px;text-decoration:underline;text-underline-offset:5px}.web-renew .web-intro{max-width:680px;margin-bottom:40px}.web-renew .web-intro h2{margin:0 0 16px}.web-renew .web-intro p{font-size:15px;color:#536057}.web-renew .web-line{border-top:1px solid #d8ddd8;display:grid;grid-template-columns:280px 1fr;gap:48px;padding:30px 0}.web-renew .web-line h3{font-size:20px;font-weight:500;margin:0 0 6px}.web-renew .web-line p{margin:0;font-size:15px}.web-renew .web-line small{font-size:12px;color:#657068}.web-renew .web-case{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:40px 0;border-top:1px solid #d8ddd8}.web-renew .web-case h3{font-size:25px;font-weight:500;margin:0 0 16px}.web-renew .web-case p{font-size:15px;margin:0 0 18px}.web-renew .web-case dl{margin:24px 0;font-size:14px}.web-renew .web-case dt{color:#8c7051;font-weight:500;margin-top:14px}.web-renew .web-case dd{margin:6px 0 0}.web-renew .web-case img{max-height:320px;object-fit:contain}.web-renew .web-origin{background:#f4f5f7}.web-renew .web-origin-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.web-renew .web-origin h2{margin-bottom:24px}.web-renew .web-origin p{font-size:15px}.web-renew .web-origin img{width:100%;height:auto;object-fit:contain}.web-renew .web-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.web-renew .web-steps li{border-top:1px solid #d8ddd8;padding-top:18px}.web-renew .web-steps span{font:400 14px Outfit,sans-serif;color:#8c7051}.web-renew .web-steps h3{font-size:18px;font-weight:500;margin:14px 0 10px}.web-renew .web-steps p{font-size:14px;margin:0;color:#536057}.web-renew .web-price{font-family:Outfit,'Noto Sans JP',sans-serif;font-size:24px!important}.web-renew .web-note{font-size:13px;color:#657068;margin-top:20px;line-height:1.9}.web-renew .web-series{background:#f4f5f7}.web-renew .web-series-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}.web-renew .web-series h2{margin:0 0 20px}.web-renew .web-series-intro{font-size:15px}.web-renew .web-series-list{padding:0;margin:0;list-style:none}.web-renew .web-series-list li{border-top:1px solid #d8ddd8;padding:20px 0;display:grid;grid-template-columns:46px 1fr;gap:14px}.web-renew .web-series-list .number{font:400 16px Outfit,sans-serif;color:#8c7051;padding-top:5px}.web-renew .web-series-list h3{font-size:16px;font-weight:500;margin:0 0 8px}.web-renew .web-series-list small{font-size:12px;color:#657068}.web-renew .web-faq details{border-top:1px solid #d8ddd8;padding:20px 0}.web-renew .web-faq summary{cursor:pointer;font-size:16px;min-height:32px}.web-renew .web-faq details p{max-width:760px;font-size:14px;margin:16px 0 0}.web-renew .web-contact{padding-bottom:90px}.web-renew .web-contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #d8ddd8;padding-top:48px}.web-renew .web-contact h2{margin:0 0 20px}.web-renew .web-contact p{font-size:15px}.web-renew .web-contact .web-actions{align-items:flex-start;flex-direction:column;gap:8px}.web-renew .web-contact .btn{margin-bottom:10px;min-width:230px}.web-renew section[id]{scroll-margin-top:140px}
@media(max-width:800px){.web-renew .web-wrap{width:calc(100% - 40px)}.web-renew .web-block{padding:48px 0}.web-renew .web-lead,.web-renew .web-origin-inner,.web-renew .web-case,.web-renew .web-series-layout,.web-renew .web-contact-inner{grid-template-columns:1fr;gap:28px}.web-renew .web-lead{padding-top:20px}.web-renew .web-lead figure{order:2}.web-renew .web-lead p,.web-renew .web-line p,.web-renew .web-case p,.web-renew .web-origin p{font-size:15px}.web-renew .web-line{grid-template-columns:1fr;gap:14px;padding:25px 0}.web-renew .web-case{padding:28px 0}.web-renew .web-origin img{height:auto;max-height:340px;object-fit:contain}.web-renew .web-steps{grid-template-columns:1fr 1fr;gap:24px}.web-renew .web-contact{padding-bottom:50px}.web-renew .web-case img{max-height:270px}}
@media(prefers-reduced-motion:reduce){.web-renew *{scroll-behavior:auto!important}}

/* Section titles share one centre axis; two-column titles centre within their text column. */
.unified-preview.web-renew .web-intro{margin-inline:auto;text-align:center;}
.unified-preview.web-renew .web-intro h2{width:100%;text-align:center;}
.unified-preview.web-renew main h2::before{content:none;display:none;}
.unified-preview.web-renew main h2::after{position:static;left:auto;transform:none;margin:18px auto 24px;}
.web-renew .web-lead>div>.web-kicker,
.web-renew .web-origin-inner>div>.web-kicker,
.web-renew .web-series-layout>div>.web-kicker,
.web-renew .web-contact-inner>div>.web-kicker{text-align:center;}

/* The owner story uses the same centred section title and a readable text column. */
.web-renew #web-development-story .web-origin-inner{align-items:start;}
.web-renew .web-story-copy p{margin:0 0 24px;font-size:15px;line-height:2;}
.web-renew .web-story-copy .web-story-signature{margin-top:32px;margin-bottom:14px;font-size:14px;}
@media(max-width:800px){.web-renew .web-story-copy p{margin-bottom:22px;font-size:15px;}.web-renew #web-development-story .web-origin-inner{gap:32px;}}