/* rh-advice.css : お悩み相談室専用。.rh の中だけに効く */
.rh .eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.24em;color:var(--accent)}
.rh .rh-advice h1{margin:0 0 18px;font-size:clamp(24px,4.6vw,36px);line-height:1.6}
.rh .lead{margin:0;font-size:15px;line-height:2}
.rh .rule{height:1px;border:0;background:var(--line);margin:30px 0 34px}
.rh .conversation{display:grid;gap:24px}
.rh .dialogue{display:flex;align-items:flex-start;gap:13px}
.rh .dialogue--guest{flex-direction:row-reverse}
.rh .avatar{flex:0 0 52px;width:52px;height:52px;border-radius:50%;overflow:hidden;
  border:1px solid var(--line);display:grid;place-items:center;background:var(--bg);
  font-size:11px;color:var(--accent)}
.rh .avatar img{width:52px!important;height:52px!important;max-width:none;
  object-fit:cover;display:block;border-radius:50%}
.rh .dialogue--owner .avatar{border-color:rgba(142,115,91,.35)}
.rh .dialogue__content{min-width:0;max-width:78%}
.rh .dialogue--guest .dialogue__content{text-align:right}
.rh .speaker{margin:0 0 5px;font-size:11px;letter-spacing:.08em;color:var(--accent)}
.rh .bubble{display:inline-block;padding:13px 17px;border:1px solid var(--line);background:#fff;text-align:left}
.rh .dialogue--owner .bubble{border-radius:0 15px 15px 15px;background:rgba(142,115,91,.05)}
.rh .dialogue--guest .bubble{border-radius:15px 0 15px 15px}
.rh .bubble p{margin:0;font-size:15px;line-height:1.9}
.rh .summary{margin-top:46px;padding:28px 28px 22px;border:1px solid var(--line);border-left:4px solid var(--accent);background:rgba(142,115,91,.06)}
.rh .summary h2{margin:0 0 14px;font-size:20px}
.rh .summary h2::before{content:"CHECK POINT";display:block;margin-bottom:6px;font-family:'Cinzel',serif;font-size:11px;letter-spacing:.3em;color:var(--accent)}
.rh .summary ul{margin:0;padding:0;list-style:none}
.rh .summary li{position:relative;margin:0;padding:10px 0 10px 36px;border-top:1px solid var(--line)}
.rh .summary li:first-child{border-top:0}
.rh .summary li::before{content:"\2713";position:absolute;left:0;top:14px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;line-height:22px;text-align:center}
.rh .closing{margin:26px 0 0;font-size:15px;line-height:2.1}
.rh .foot{margin-top:38px;font-size:10px;letter-spacing:.16em;color:var(--accent)}
@media(max-width:600px){
  .rh .dialogue{gap:9px}
  .rh .avatar{flex-basis:40px;width:40px;height:40px}
  .rh .avatar img{width:40px!important;height:40px!important}
  .rh .dialogue__content{max-width:calc(100% - 49px)}
  .rh .bubble{padding:11px 13px}
  .rh .bubble p{font-size:14px}
  .rh .summary{padding:22px 16px 16px}
}