/* =====================================================================
   下層ページの統一（2026-10-20）：TOPと同じルールにそろえる
   ・暗い帯はチャコール（#25292e）。見出しの文字や小さな番号の紺はそのまま
   ・ボタンは2種類：相談・お問い合わせ・送信は金（白い文字）、そのほかは細い枠。角は4px
   ・角の形：大きな帯とカード6px、写真4px、小さな札2px（丸い番号はそのまま）
   ・ゆたかくんは右下の相談ガイド（スマホは下のバー）だけ
   各下層ページで site-revision.css のあとに読み込む
   ===================================================================== */

/* ---------- 暗い帯：チャコール ---------- */
:root body .service-hero,:root body .service-cta,:root body .medical-hero,:root body .medical-cta,
:root body .company-hero,:root body .company-cta,:root body .page-hero,:root body .check-title-bar,
:root body .wp-select-callout,:root body .line-channel,:root body .trend-bar,
:root body table thead,:root body table thead tr{background-color:#25292e}

/* ---------- ボタン ---------- */
/* 細い枠（ふだんのボタン） */
:root main .button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;border:1px solid currentColor;border-radius:4px;background:transparent;color:#142c4e;font-weight:700;letter-spacing:.06em;box-shadow:none;text-shadow:none}
:root main .button:hover{background:#c9a45a1f;border-color:#c9a45a;color:#142c4e}
:root main .button .arrow{color:#c9a45a}
/* 暗い帯の中の細い枠は白 */
:root .medical-hero .button,:root .service-hero .button,:root .company-hero .button,:root .page-hero .button{color:#fff}
:root .medical-hero .button:hover,:root .service-hero .button:hover,:root .company-hero .button:hover,:root .page-hero .button:hover{color:#fff;background:#ffffff14}
/* 金（相談・お問い合わせ・送信） */
:root .service-cta .button,:root .medical-cta .button,:root .company-cta .button,:root .wp-choice .button,:root .check-flow .button,:root #review-button,:root #send-button{background:linear-gradient(180deg,#d9b469 0%,#b8903f 55%,#9a7530 100%);border:1px solid #9a7530;color:#fff;text-shadow:0 1px 2px #0000004d;box-shadow:inset 0 1px 0 #f0d79a99,0 8px 22px #0000002e}
:root .service-cta .button:hover,:root .medical-cta .button:hover,:root .company-cta .button:hover,:root .wp-choice .button:hover,:root .check-flow .button:hover,:root #review-button:hover,:root #send-button:hover{background:linear-gradient(180deg,#e4c27c 0%,#c69d4c 55%,#a8823a 100%);border-color:#a8823a;color:#fff}
:root .service-cta .button .arrow,:root .medical-cta .button .arrow,:root .company-cta .button .arrow,:root .wp-choice .button .arrow,:root .check-flow .button .arrow,:root #review-button .arrow,:root #send-button .arrow{color:#fff}
:root #review-button:disabled,:root #send-button:disabled{opacity:.5;cursor:not-allowed}

/* ---------- 角の形 ---------- */
:root .service-hero,:root .service-cta,:root .medical-hero,:root .medical-cta,:root .company-hero,:root .company-cta,
:root .page-hero,:root .check-hero,:root .check-title-bar,:root .form-card,:root .line-channel,:root .setup-note,
:root .service-card,:root .photo-step,:root .symptom-card,:root .heat-steps,:root .trend-chart,:root .trend-table-wrap,
:root .wp-select-callout,:root .wp-method-link,:root .wp-cutaway-link,:root .wp-diagram,:root .wp-note,:root .wp-other,:root .wp-table-wrap,
:root .wp-choice article,:root .access-photo,:root .access-map{border-radius:6px}
:root main img:not([src*="logo"]),:root .wp-photo,:root .access-photo img{border-radius:4px}
:root .wp-tag,:root .required,:root .wp-photo-label,:root main figcaption,:root .service-hero li,:root .service-hero strong{border-radius:2px}
:root .symptom-card h3{border-radius:6px 6px 0 0}
:root .trend-bar{border-radius:2px 2px 0 0}
:root main input,:root main select,:root main textarea{border-radius:4px}

/* ---------- ゆたかくんは相談ガイドだけ ---------- */
:root main img[src*="yutaka-"]:not([src*="logo"]),:root .yutaka-peek,:root .mascot,:root .peek{display:none!important}

/* ---------- お問い合わせページ：上の帯の右側は、メールのマークをやめて電話の案内に ---------- */
:root .page-hero .hero-tel{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;min-width:300px;padding:26px 30px 24px;border:1px solid #ffffff2e;border-top:2px solid #c9a45a;border-radius:6px;background:#ffffff0a;color:#fff;text-decoration:none;transition:background .2s}
:root .page-hero .hero-tel:hover{background:#ffffff14}
:root .page-hero .hero-tel small{font-size:13px;letter-spacing:.08em;color:#e2c47e}
:root .page-hero .hero-tel strong{font-family:var(--heading-font);font-weight:900;font-size:36px;line-height:1.2;letter-spacing:.04em;color:#fff}
:root .page-hero .hero-tel span{font-size:13px;letter-spacing:.04em;color:#ffffffb3}
@media(max-width:1000px){
  :root .page-hero .hero-tel{position:static;transform:none;min-width:0;width:max-content;max-width:100%;margin-top:26px;padding:20px 22px 18px}
  :root .page-hero .hero-tel strong{font-size:30px}
}
@media(max-width:580px){
  :root .page-hero .hero-tel{width:100%}
  :root .page-hero .hero-tel small,:root .page-hero .hero-tel span{font-size:12px}
  :root .page-hero .hero-tel strong{font-size:28px}
}

/* お問い合わせ完了画面：自動返信メールのご案内（2026-10-20） */
:root .complete-panel .complete-autoreply{display:block;width:max-content;max-width:100%;margin:18px auto 0;padding:12px 18px;border:1px solid #e3d3ad;border-radius:4px;background:#faf6ec;font-size:12px;line-height:1.9}