/* ROCAL REACH: rocal-seo/styles.css の上に重ねる差分 */
.hero-description{max-width:470px}
.reach-section{padding:95px 0}
.reach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.reach-card{background:#fff;border:1px solid #ececec;border-radius:18px;padding:30px 28px 28px;display:flex;flex-direction:column}
.reach-rings{width:62px;height:62px;margin-bottom:18px}
.reach-rings circle{fill:none;stroke:#ddd6e8;stroke-width:3}
.reach-rings circle.is-fill{fill:#efe7ff;stroke:#d6c9ee;stroke-width:2}
.reach-rings circle.is-active{fill:#efe7ff;stroke:#77589d;stroke-width:4}
.reach-scope{font-size:10px;letter-spacing:.12em;color:#8a7aa6;font-weight:600}
.reach-card h3{font-size:27px;line-height:1.4;margin:8px 0 10px}
.reach-lead{font-size:14px;font-weight:700;line-height:1.85}
.reach-list-label{font-size:10px;color:#999;letter-spacing:.06em;margin:20px 0 9px}
.reach-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.reach-card li{font-size:12px;line-height:1.6;padding:9px 12px;background:#f6f3fb;border-radius:6px}
.reach-examples{font-size:11px;color:#777;line-height:1.9;margin-top:auto;padding-top:18px}
.reach-note{margin-top:30px;text-align:center;font-size:12px;color:#777;line-height:2}
.reach-channel-grid{margin-top:40px}
.feature-head p{margin-top:14px;color:#777;font-size:13px;line-height:2}
.feature-card--plain{padding-bottom:32px}
.reach-more{text-align:center;margin-top:30px}
#seo-experience .case-note{max-width:950px;margin:22px auto 0}
.reach-subhead{text-align:center;margin:78px 0 34px}
.reach-subhead h3{font-size:26px;line-height:1.6}
.reach-subhead p{margin-top:10px;color:#777;font-size:13px;line-height:2}
.faq-items details a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:930px){
  .reach-grid{grid-template-columns:1fr;max-width:560px;margin:auto}
  .reach-examples{margin-top:0}
}
@media(max-width:700px){
  .reach-section{padding:70px 0}
  .reach-card{padding:26px 22px 24px}
  .reach-card h3{font-size:24px}
  .reach-rings{width:52px;height:52px}
  .reach-note{text-align:left;font-size:11px}
  .reach-subhead{margin:56px 0 26px}
  .reach-subhead h3{font-size:21px}
  .reach-subhead p{font-size:12px}
  .feature-card--plain{padding-bottom:28px}
}