@charset "UTF-8";
/* 症状別ページ（2026-10 辻川先生原稿）— style.css / page.css の変数を継承 */
@media(max-width:840px){.is-sub .cols{grid-template-columns:minmax(0,1fr)}}
.sy{min-width:0;overflow-wrap:anywhere}
.sy .page-h1{margin-bottom:18px}
.sy-fv{margin-bottom:8px}
.sy-lead{font-size:16.5px;line-height:2;margin:18px 0 6px}
.sy-ph{width:100%;max-width:100%;margin:0 0 1.6em;border:2px dashed #cdbb9c;border-radius:var(--r);
  background:repeating-linear-gradient(135deg,#fbf6ee 0 14px,#f6eedf 14px 28px);
  display:flex;align-items:center;justify-content:center;padding:12px;text-align:center}
.sy-ph span{min-width:0;max-width:100%;font-size:13.5px;line-height:1.6;color:var(--brown-soft);font-weight:700;background:rgba(255,255,255,.85);
  padding:.35em .7em;border-radius:6px}
.sy-fv .sy-ph{margin-bottom:0}
.sy-ph2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sy-ph2 .sy-ph{margin-bottom:1.6em}
@media(max-width:600px){.sy-ph2{grid-template-columns:1fr;gap:0}.sy-ph span{font-size:12.5px}}
.sy-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 6px}
.sy-btn{width:100%;padding:15px 12px;font-size:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.4;text-align:center}
.sy-btn::after{display:none}
.content a.btn--green,.content a.btn--green:hover{color:#fff}
.content a.btn--yellow,.content a.btn--yellow:hover{color:#4a2c00}
.nw{white-space:nowrap}
.sy-btn small{font-size:14px;font-weight:700;margin-top:2px}
@media(max-width:600px){.sy-btns{grid-template-columns:1fr}}
.sy-check{list-style:none;margin:0 0 1.6em;padding:clamp(16px,2.4vw,24px);background:var(--cream);border:1px solid var(--line);border-radius:var(--r)}
.sy-check li{position:relative;padding:.55em 0 .55em 2em;border-bottom:1px dashed var(--line);font-weight:700}
.sy-check li:last-child{border-bottom:0}
.sy-check li::before{content:"✓";position:absolute;left:.1em;top:.5em;width:1.4em;height:1.4em;border-radius:4px;
  background:var(--orange);color:#fff;font-size:14px;line-height:1.4em;text-align:center}
.sy-flow{list-style:none;margin:0 0 1.6em;padding:0;counter-reset:f}
.sy-flow li{counter-increment:f;position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px 14px 64px;margin-bottom:12px;box-shadow:var(--shadow-card)}
.sy-flow li::before{content:counter(f);position:absolute;left:16px;top:14px;width:34px;height:34px;border-radius:50%;
  background:var(--orange);color:#fff;font-weight:700;text-align:center;line-height:34px}
.sy-flow b{display:block;font-size:17px;color:var(--brown)}
.sy-flow span{display:block;font-size:15.5px}
.sy-faq{margin:0 0 1.6em}
.sy-faq details{border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;background:#fff}
.sy-faq summary{cursor:pointer;list-style:none;padding:14px 44px 14px 16px;font-weight:700;position:relative}
.sy-faq summary::-webkit-details-marker{display:none}
.sy-faq summary::after{content:"＋";position:absolute;right:16px;top:14px;color:var(--orange-deep)}
.sy-faq details[open] summary::after{content:"－"}
.sy-faq p{margin:0;padding:0 16px 16px;border-top:1px dashed var(--line);padding-top:12px}
.sy-faq .q,.sy-faq .a{display:inline-block;width:1.7em;height:1.7em;line-height:1.7em;border-radius:50%;text-align:center;
  color:#fff;font-weight:700;margin-right:.5em;font-size:14px}
.sy-faq .q{background:var(--orange)}
.sy-faq .a{background:var(--brown-soft)}
.sy-medical{margin:clamp(34px,4vw,50px) 0 1.6em;padding:16px 18px;border:2px solid var(--red);border-radius:var(--r);background:#fff7f6}
.sy-medical__h{font-size:17.5px;color:var(--red);margin:0 0 .4em}
.sy-medical p{margin:0}
.sy-cta{margin:clamp(34px,4vw,50px) 0 1.6em;padding:clamp(20px,3vw,30px);background:var(--cream);border:2px solid var(--gold);border-radius:var(--r);text-align:center}
.sy-cta__h{font-family:var(--serif);font-size:clamp(19px,2.6vw,24px);font-weight:700;margin:0 0 .3em;color:var(--brown)}
.sy-cta__p{margin:0;font-weight:700}
.sy-info .c-table td a{font-weight:700}
.sy-info .c-table th{width:7em}
.sy-links{list-style:none;padding:0;margin:0 0 1.4em;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.sy-links a{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;
  text-decoration:none;color:var(--brown);font-weight:700}
.sy-links a::after{content:" ›";color:var(--orange-deep)}
.sy-links a:hover{background:var(--cream)}
.sy-links--index{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.sy-more{text-align:right;margin:0 0 1.4em}
.sy-rv{margin:0 0 18px;padding:10px 14px;border-radius:10px;font-size:14.5px;line-height:1.7;background:#f3f6fb;border:2px solid #9db3d6}
.sy-rv b{display:inline-block;margin-right:.6em;padding:.05em .6em;border-radius:4px;color:#fff;background:#3d5f99;font-size:13px}
.sy-rv--re{background:#fff4ec;border-color:#e08a4a}.sy-rv--re b{background:#c8541a}
.sy-rv--new{background:#effaf0;border-color:#7cbf84}.sy-rv--new b{background:#2f8a3a}
.sy-bd{display:inline-block;font-style:normal;font-size:11.5px;line-height:1.5;padding:.05em .5em;border-radius:4px;color:#fff;margin-right:.5em;vertical-align:.1em}
.sy-bd--re{background:#c8541a}.sy-bd--new{background:#2f8a3a}
.sy-more a{font-weight:700}

.sy-img{display:block;width:100%;height:auto;border-radius:var(--r);margin:0 0 1.6em}
.sy-img--native{max-width:320px;margin-left:auto;margin-right:auto}
.sy-fv .sy-img--fv{margin-bottom:0}
.sy-case{margin:0 0 1.6em;padding:clamp(16px,2.4vw,24px);background:var(--cream);border:1px solid var(--line);border-radius:var(--r)}
.sy-case .sy-img{max-width:420px;margin:0 auto 14px}
.sy-case__label{text-align:center;font-weight:700;color:var(--brown-soft);margin:0 0 14px}
.sy-case__dl{margin:0 0 14px}
.sy-case__dl dt{font-weight:700;color:var(--brown);margin-top:10px}
.sy-case__dl dd{margin:4px 0 0}
.sy-case__comment{margin:0;padding-top:12px;border-top:1px dashed var(--line);font-style:normal}