/* =========================================================
   LINE処方せん受付 バナー（トップページ用）
   block: .line-band
   依存: なし（Google Fonts は親ページ側で読み込み済み前提）
   ========================================================= */
.line-band-wrap {
  padding: 8px 15px 28px;
}

.line-band{
  --band-bg:#f2f9f4;        /* LINE緑をごく薄めた地色 */
  --band-line:#cfe7d7;      /* 枠線 */
  --band-accent:#04803a;    /* ラベル文字（緑地でも 4.5:1 以上） */
  --band-ink:#2a2622;
  --band-ink-body:#3f3a33;
  --band-serif:"Zen Old Mincho",serif;
  --band-sans:"Noto Sans JP","Hiragino Sans",system-ui,sans-serif;

  display:flex;
  flex-direction:column;
  max-width:1120px;
  margin-inline:auto;
  background:var(--band-bg);
  border:1px solid var(--band-line);
  border-radius:16px;
  overflow:hidden;
  font-family:var(--band-sans);
  color:var(--band-ink);
  text-align:left;
}

/* --- 本文側 --- */
.line-band__body{
  flex:1;
  min-width:0;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:13px;
  justify-content:center;
}
.line-band__head{
  display:flex;
  align-items:center;
  gap:11px;
}
.line-band__icon{
  width:30px;
  height:30px;
  flex:none;
  display:block;
}
.line-band__label{
  font-size:11px;
  letter-spacing:.14em;
  color:var(--band-accent);
}
.line-band__title{
  font-family:var(--band-serif);
  font-size:20px;
  font-weight:600;
  line-height:1.55;
  margin:0;
  text-wrap:pretty;
}
.line-band__text{
  font-size:13.5px;
  line-height:1.8;
  color:var(--band-ink-body);
  margin:0;
  text-wrap:pretty;
}
/* 改行は PC のみ有効にする（SP では詰めて流す） */
.line-band__br{display:none}

/* --- 友だち追加ボタン（公式画像。拡大・加工不可） --- */
.line-band__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;          /* タップ領域の確保 */
}
.line-band__cta img{
  height:40px;
  width:auto;
  display:block;
}

/* --- 写真 --- */
.line-band__figure{
  order:-1;                 /* SP では写真を上に */
  height:170px;
  overflow:hidden;
}
.line-band__figure picture{
  display:block;
  width:100%;
  height:100%;
}
.line-band__figure img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 35%;  /* 顔が切れない位置。差し替え時は要調整 */
  display:block;
}

/* =========================================================
   PC（横並び）: 写真を右、本文を左
   ========================================================= */
@media (min-width:768px){
  .line-band{flex-direction:row}

  .line-band__body{padding:34px;gap:14px}
  .line-band__icon{width:34px;height:34px}
  .line-band__label{font-size:12px}
  .line-band__title{font-size:26px;line-height:1.5}
  .line-band__text{font-size:14.5px;line-height:1.85}
  .line-band__br{display:inline}

  .line-band__cta{
    align-self:flex-start;
    justify-content:flex-start;
    margin-top:4px;
  }
  .line-band__cta img{height:44px}

  .line-band__figure{
    order:0;
    width:440px;
    flex:none;
    height:auto;            /* 本文の高さに追従 */
  }
  .line-band__figure img{object-position:62% 40%}
}