/* A small reading corner in the same photo-led sale page. */
.sale-home .sale-guide{background:#fff;border-top:1px solid #e0ebe5}
.sale-guide .section{padding-top:42px;padding-bottom:42px}
.sale-guide .section-head{margin-bottom:22px}
.sale-guide .section-head h2{font-family:"Zen Maru Gothic","Yu Gothic",sans-serif;font-size:28px;line-height:1.6;letter-spacing:.01em}
.sale-guide .section-head h2 span{display:inline-block}
.sale-guide .section-head .kicker{font-size:11px;color:#28756e}
.sale-guide .text-link{font-size:12px}
.hint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hint-card{display:block;min-width:0}
.hint-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#edf3ef}
.hint-copy{padding-top:12px}
.hint-copy small{display:inline-block;color:#33736b;background:#eff6f2;border-radius:5px;padding:3px 8px;font-size:10px;line-height:1.5}
.hint-copy h3{font-size:16px;font-weight:700;line-height:1.65;color:#234b5c;margin-top:8px;overflow-wrap:anywhere}
.hint-copy>span{display:block;color:#087994;font-size:11px;margin-top:8px}
.hint-card:hover h3{color:#087994}
.hint-card:focus-visible{outline:3px solid #2085b6;outline-offset:5px;border-radius:8px}
@media(max-width:767px){
 .sale-guide .section{padding-top:27px;padding-bottom:28px}
 .sale-guide .section-head{margin-bottom:18px}
 .sale-home .sale-guide .section-head h2{font-size:22px;line-height:1.65}
 .sale-guide .section-head h2 span{display:block}
 .sale-guide .section-head .text-link{margin-top:9px;font-size:11px}
 .hint-grid{grid-template-columns:1fr;gap:15px}
 .hint-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:13px;align-items:center;min-height:92px}
 .hint-card>img{aspect-ratio:1;align-self:start;border-radius:6px}
 .hint-copy{padding:0}
 .hint-copy small{font-size:9px;padding:2px 6px}
 .hint-copy h3{font-size:13px;line-height:1.65;margin-top:5px}
 .hint-copy>span{font-size:10px;margin-top:4px}
}