.kasaneru {
  position: relative;https://jeed-newcms.bostudio.jp/WebRelease2/img.-.ja_1748488145@@@k-sakujyo.gif
  display: inline-block; /* 任意：画像サイズに合わせて要素を縮めたい場合 */
}
.kasaneru img {
  display: block;   /* 画像下の隙間対策 */
  width: 100%;      /* 任意 */
  height: auto;
}

/* 共通（上下中央・可読性強化） */
.kasaneru p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); /* 垂直中央寄せだけ */
  color: #fff;
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(1.2rem, 2.2vw, 1.8rem);
  line-height: 1.4;
  text-shadow: 0 2px 6px rgba(0,0,0,.35); /* 視認性UP（任意） */
  max-width: 42%;  /* 中央での衝突を防止（40?45%目安で調整） */
  word-break: break-word; /* 長文のはみ出し対策 */

  /* 文字の背景色 */
  display: inline-block;
  background: rgba(0,123,194,.65);          /* 背景色（少し濃いめ） */
  padding: .45em .8em;        /* 余白 */
  border-radius: 0;                      /* 角丸なし（角） */
  box-sizing: border-box;                /* max-width と併用した時の安定化 */


}

/* 水平方向だけ個別に決める */
.kasaneru .text-left {
  left: 6%;        /* 左からのオフセット（% や px で調整） */
  text-align: left;
}
.kasaneru .text-right {
  right: 6%;       /* 右からのオフセット */
  text-align: right;
}


.kasaneru a {
  color: inherit;
  text-decoration: none;
}
.kasaneru a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}