/* v031: offerの絵を高さに応じて縮めず、短い自然比率で全文を見せる。 */
#offer{min-height:0;padding:12px 0 18px;justify-content:flex-start;scroll-margin-top:0;background:linear-gradient(#fff6f8,#fceef2 70%,#e7eef4)}
#offer .o21-art{background:transparent}
#offer .o21-art img{width:100%;height:auto;margin:0}
.o31-video{display:flex;justify-content:center;align-items:center;gap:18px;margin:8px 22px 12px}
.o31-video figure{flex:none;margin:0;width:66px}
.o31-video button{display:block;margin:0;padding:0;border:0;background:transparent;border-radius:5px;cursor:zoom-in}
.o31-video img{display:block;width:66px;height:auto;border-radius:5px;box-shadow:0 2px 9px #793f5022}
.o31-video figcaption{font-size:10px;text-align:center;margin-top:3px;color:#715861;white-space:nowrap}
.o31-topics h3{font-size:15px;margin:0 0 8px;color:#ad3557;line-height:1.45}
.o31-topics ol{padding-left:1.35em;margin:0;color:#173947;font-size:14px;line-height:1.8;font-weight:700}
.o31-topics p{font-size:12px;color:#725a65;margin:4px 0 0}
#offer .o21-foot{margin:0;padding:0 18px;background:transparent}
#offer .o21-who{margin-bottom:6px}
#offer .o21-who img{width:38px;height:38px}
#offer .o21-who b{font-size:14px}
#offer .o21-who em{font-size:11.5px}
#offer .cta{padding-top:6px}
#offer .o21-btn{min-height:60px;font-size:16px}
#offer .cta .micro{margin:6px 0 0;padding:0;font-size:12px}
#offer .o21-after{font-size:12px;line-height:1.5;margin:5px 0 0;color:#46343c}
.r31-bridge{margin:18px 24px 0;text-align:center;font-size:15px;line-height:1.9;color:#4b3442}
.f31-links{display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap;margin:16px 10px 18px}
.f31-links a{font-size:12px;color:#714456;text-underline-offset:3px;min-height:36px;display:inline-flex;align-items:center}
@media(max-width:359px){.o31-video{margin:4px 14px 10px;gap:12px}.o31-topics h3{font-size:14px}.o31-topics ol{font-size:12.5px}.o31-video figure,.o31-video img{width:58px}#offer .o21-foot{padding-inline:14px}#offer .o21-btn{font-size:13.5px}#offer .o21-after{font-size:11px}#offer .o21-who em{font-size:10.5px}.r31-bridge{font-size:14px;margin-inline:18px}}
@media(min-width:701px){.o31-video{margin-top:10px;margin-bottom:12px}.o31-video figure,.o31-video img{width:68px}}
@media(min-width:701px) and (max-height:800px){#offer{padding-top:4px;padding-bottom:12px}.o31-video{margin-top:4px;margin-bottom:6px}.o31-video figure,.o31-video img{width:62px}.o31-topics ol{line-height:1.7}#offer .o21-who{margin-bottom:2px}}