.breeder-photo {
  float: right;
  width: 300px;
  height: 400px;
  object-fit: cover;
  margin: 0 0 1rem 1.5rem;
  border-radius: 8px;
  transform: translateX(50px); /* ← 右に50pxはみ出す */
}

.breeder-name {
  float: right;            /* 画像と同じ右寄せ */
  clear: right;            /* 画像の下に配置 */
  width: 300px;            /* 画像と同じ幅 */
  margin: 0 0 1rem 1.5rem; /* 画像の左側マージンに合わせる */
  text-align: center;      /* 中央揃え */
  transform: translateX(50px);  /* 画像と同じ右に50pxずらす */
}

.breeder-brand {
  font-weight: bold;
  font-size: 1.2rem;
  color: #1f2937;
  margin-bottom: 0.2rem;
}

.breeder-person {
  font-size: 1rem;
  color: #4b5563;
  margin-top: 0;
}

.greeting-block::after {
  content: "";
  display: block;
  clear: both;
}

.greeting-block p {
  line-height: 1.75;
  text-align: justify;
}

.about-wrapper,
.policy-wrapper {
  max-width: 1000px;
  margin: 2.5rem auto;
  padding: 1rem 2rem;
  color: #1f2937;
  line-height: 1.75;
}

.about-title,
.policy-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.about-section,
.policy-section {
  margin-bottom: 2rem;
}

.about-section h5,
.policy-section h5 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.about-section p,
.policy-section p {
  margin-left: 1.5rem;
  text-indent: 0;
  font-size: 1.125rem;
}

 .info-buttons a {
        display: inline-block;
        margin: 30px;
        padding: 12px 20px;
        background-color: #6f5436;
        font-size: 25px;
        color: white;
        text-decoration: none;
        border-radius: 6px;
        transition: background-color 0.3s ease;
}