/* Corporate renewal is the first visual example. Existing brand tokens are retained. */
.renewal-teaser{padding-block:16px 22px}.renewal-preview{background:white;border:1px solid #d5d9d8;border-radius:9px;box-shadow:0 16px 45px #14293516;overflow:hidden;transform:rotate(-2deg)}
.preview-bar{display:flex;justify-content:space-between;gap:16px;padding:11px 16px;background:#eef0ee;color:#59615e;font-size:.75rem;letter-spacing:.04em;line-height:1.5}.preview-bar>span:first-child{letter-spacing:3px;white-space:nowrap}
.company-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 22px;background:#fff;color:#172d40;line-height:1.5}.company-nav strong{font-size:.9375rem;white-space:nowrap}.company-nav>span{font-size:.75rem;white-space:nowrap}
.company-hero{position:relative;isolation:isolate;min-height:252px;background:#172b3d;display:flex;align-items:flex-end;overflow:hidden}.company-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:-2}.company-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#091b2be6,#091b2b60 70%,#091b2b18);z-index:-1}.company-hero-copy{padding:28px;color:#fff}.company-hero-copy>span{font-size:.75rem;letter-spacing:.13em;line-height:1.5;display:block;margin-bottom:16px;color:#d4e5ef}.company-hero-copy>p{font-size:clamp(1.45rem,2.15vw,2rem);line-height:1.5;font-weight:700;letter-spacing:.02em}.teaser-company-hero{min-height:315px}.company-bottom{padding:20px 22px;display:flex;justify-content:space-between;gap:14px;color:#213d50;line-height:1.6;font-size:.875rem}.company-bottom>span:first-child{font-weight:700}.renewal-example-link{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;font-size:.875rem;font-weight:700;margin-top:24px;padding:9px 0;border-bottom:1px solid var(--line)}.renewal-example-link:hover{color:var(--orange)}.renewal-teaser .visual-disclaimer{font-size:.875rem;line-height:1.8;margin-top:13px}
.renewal-section{border-top:1px solid var(--line)}.renewal-section .section-heading{align-items:flex-end}.renewal-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.renewal-case{margin:0;min-width:0}.renewal-case figcaption{display:flex;align-items:baseline;gap:16px;margin-bottom:19px;line-height:1.6}.renewal-case figcaption>span{font-size:.875rem;letter-spacing:.08em;font-weight:700;color:var(--muted)}.renewal-case figcaption>strong{font-size:1rem}.after-case figcaption>span{color:var(--orange)}.company-before,.company-after{min-height:410px;border:1px solid #cbd0cc;border-radius:5px;overflow:hidden;background:#fff}.company-after{box-shadow:0 13px 28px #1429350c}.company-before{font-family:"Times New Roman",Meiryo,serif;background:#f5f5f1;padding:17px;color:#343a45}.old-welcome{font-size:.75rem;line-height:1.7;text-align:center;margin-bottom:12px}.old-company-name{font-size:1.65rem;font-weight:700;color:#27408b;text-align:center;letter-spacing:.08em;margin-bottom:16px;line-height:1.5}.old-menu{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;font-size:.75rem;color:#273e86;line-height:1.7;border-block:1px solid #8c98be;padding:7px 0;margin-bottom:18px}.old-menu span{text-decoration:underline}.old-content{display:grid;grid-template-columns:105px minmax(0,1fr);gap:17px}.old-side{display:flex;flex-direction:column;gap:12px;font-size:.75rem;line-height:1.5;background:#e9edf6;padding:12px 9px;align-self:start}.old-side strong{color:#273e86}.old-side span{border-bottom:1px dotted #919db2;padding-bottom:7px}.old-main>p:not(.old-section-title){font-size:.75rem;line-height:1.9}.old-section-title{font-size:.875rem;font-weight:700;color:#273e86;border-bottom:3px double #8c98be;padding-bottom:5px;margin-bottom:9px}.old-main img{display:block;width:112px;height:66px;object-fit:cover;margin-block:13px}.old-contact-text{color:#273e86;text-decoration:underline}.after-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;color:#172d40}.after-intro>div>span{display:block;font-size:.75rem;letter-spacing:.1em;color:#5e7180}.after-intro strong{display:block;font-size:1rem;margin-top:3px}.sample-contact{font-size:.875rem;padding:9px 14px;background:#172d40;color:#fff;white-space:nowrap}.after-menu{display:flex;justify-content:space-between;gap:12px;margin:0 22px 20px;padding-top:14px;border-top:1px solid #dce2e5;font-size:.75rem;line-height:1.6;color:#354c5e}.case-note{font-size:.875rem;color:var(--muted);line-height:1.85;margin-top:16px}.renewal-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-block:29px;margin-top:28px;border-block:1px solid var(--line)}.renewal-points p{font-size:1rem;line-height:1.8}.renewal-points span{color:var(--orange);font-size:.75rem;display:block;margin-bottom:4px;letter-spacing:.07em}.renewal-disclosure{font-size:.875rem;color:var(--muted);line-height:1.85;margin-top:23px;max-width:68em}
@media(max-width:1100px){.renewal-comparison{gap:22px}.old-content{grid-template-columns:84px minmax(0,1fr);gap:12px}.old-side{padding-inline:6px}.company-nav{padding:17px}.company-nav>span{display:none}.company-hero-copy{padding:24px}.company-bottom{padding-inline:17px}.old-company-name{font-size:1.45rem}.sample-contact{padding-inline:10px}.after-intro{padding-inline:17px}.after-menu{margin-inline:17px}.renewal-points{gap:19px}}
@media(max-width:900px){.renewal-teaser{max-width:550px;padding-inline:8px}.teaser-company-hero{min-height:310px}.company-hero-copy>p{font-size:1.7rem}.renewal-comparison{grid-template-columns:1fr;gap:36px}.company-before,.company-after{min-height:0}.company-before{padding:22px}.old-content{grid-template-columns:110px minmax(0,1fr);gap:22px}.old-main img{width:150px;height:85px}.old-main{padding-bottom:17px}.company-nav{padding:18px 22px}.company-nav>span{display:block}.company-hero{min-height:280px}.after-intro{padding:20px 22px}.after-menu{margin-inline:22px}.renewal-points{grid-template-columns:1fr;gap:17px;padding-block:23px;margin-top:25px}.renewal-points p{display:flex;gap:16px;align-items:baseline}.renewal-points span{margin:0}.renewal-section h2{font-size:clamp(1.65rem,4.7vw,1.95rem)}}
@media(max-width:480px){.company-nav{padding:16px}.company-nav>span{display:none}.company-hero-copy{padding:24px 18px}.company-hero-copy>p{font-size:1.45rem}.company-hero-copy>span{letter-spacing:.08em}.teaser-company-hero{min-height:265px}.company-hero{min-height:245px}.company-bottom{font-size:.75rem;gap:10px}.company-before{padding:16px}.old-content{grid-template-columns:76px minmax(0,1fr);gap:13px}.old-side{gap:9px}.old-company-name{font-size:1.4rem}.old-main img{width:100%;max-width:150px;height:auto}.after-intro{padding:17px 16px}.after-menu{margin-inline:16px;gap:9px}.renewal-case figcaption{gap:13px}.renewal-case figcaption>strong{font-size:.9375rem}.sample-contact{font-size:.75rem}.renewal-teaser .visual-disclaimer{font-size:.875rem}}
@media(max-width:360px){.preview-bar{padding-inline:10px;gap:8px;font-size:.75rem}.preview-bar>span:first-child{display:none}.company-hero-copy>p{font-size:1.3rem}.company-bottom{flex-wrap:wrap}.renewal-section h2{font-size:1.6rem}.old-welcome{font-size:.75rem}.old-menu{gap:5px}.old-content{grid-template-columns:65px minmax(0,1fr);gap:10px}.old-company-name{font-size:1.25rem}.old-side{padding-inline:5px}}
