/* WING WEB top-page additions. Keep the existing typography and palette. */
.bikeintro{padding-top:0}
.bikeintro__box{display:grid;gap:1.6rem;padding:clamp(1.1rem,4vw,2.4rem);border:var(--bd);border-radius:26px;background:var(--lilac);box-shadow:var(--sh-l)}
.bikeintro__image{display:block;min-width:0;align-self:center;border:var(--bd);border-radius:16px;overflow:hidden;background:var(--paper)}
.bikeintro__image img{display:block;width:100%;height:auto}
.bikeintro__body{min-width:0}
.bikeintro__body h2{margin:0 0 .7rem;font-size:clamp(1.45rem,4.8vw,2rem);font-weight:900;line-height:1.5}
.bikeintro__body p{margin:0;line-height:1.85}
.bikeintro__body .bikeintro__price{margin-top:1rem;font-weight:900}
.bikeintro__price b{display:inline-block;font-size:clamp(1.9rem,6vw,2.5rem);line-height:1.3}
.bikeintro__price span{display:block;font-size:.85rem}
.bikeintro__body .bikeintro__note{margin:.4rem 0 1.2rem;font-size:.85rem;color:var(--ink-2)}
.bikeintro__body .pbtn{max-width:100%}
.result-work{margin-top:1.6rem;padding-top:1.3rem;border-top:2px dashed var(--ink-2)}
.result-work h3{margin:0 0 .65rem;font-size:1.08rem;font-weight:900;line-height:1.6}
.result-work ul{display:grid;gap:.55rem;margin:0 0 .75rem;padding:0;list-style:none}
.result-work li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem}
.result-work li .ic{margin-top:.3em;color:var(--blue)}
.result-work .ptext{font-size:.95rem}
.diagnosis-next{margin:0 0 1.6rem;padding-top:1.2rem;border-top:2px solid rgba(255,255,255,.6)}
.diagnosis-next h3{margin:0 0 .5rem;font-size:1rem;font-weight:900;line-height:1.6;color:#fff}
.diagnosis-next p{margin:0 0 .7rem;font-size:.95rem;line-height:1.9}
.diagnosis-next p:last-child{margin-bottom:0}
.field-optional{margin-left:.3rem;font-size:.8rem;font-weight:700;color:var(--ink-2)}
@media(min-width:820px){.bikeintro__box{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:2.2rem}}
@media(max-width:380px){.bikeintro__body .pbtn{width:100%;padding-inline:.9rem}}

/* スマホでは「くわしく」の代わりに「料金」を出す（2026-10-15） */
@media(max-width:899px){.pnav a.pnav__more{display:none}.pnav a.pnav__price{display:inline-block;border:2px solid var(--ink)}}

/* 見本カードが奇数のとき、最後の1枚は横幅いっぱいで画像と説明を左右に（2026-10-16） */
@media(min-width:820px){.demo__grid .dcard:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:1fr 1fr}.demo__grid .dcard:last-child:nth-child(odd) img{border-bottom:0;border-right:var(--bd);height:100%;object-fit:cover}}

/* ちょこっと直し（1回5,000円）を目立たせる（2026-10-16） */
.pill--yellow{background:var(--yellow)}
.pill--yellow:hover{background:#fff}
.hero__sns .pill{margin:.3rem .3rem 0 0}
.mini-offer{margin:1.6rem auto 0;max-width:760px;padding:1.4rem 1.4rem 1.2rem;border:var(--bd);border-radius:var(--r);background:var(--yellow);box-shadow:var(--sh)}
.mini-offer p{margin:.4rem 0 0;line-height:1.8}
.mini-offer__k{margin:0;font-size:.9rem;font-weight:900}
.mini-offer__h{margin:.2rem 0 0;font-size:clamp(1.2rem,3.4vw,1.6rem);font-weight:900;line-height:1.45}
.mini-offer__btns{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-top:1rem}
.mini-offer .pbtn--yellow{background:#fff}