@charset "UTF-8";

.hero-about-image {
  width: 100%;
  height: 100%;          /* ← これが重要（反映しない原因はこれ） */
  display: block;
  object-fit: cover;
  object-position: center 30%;  /* 好きな値で調整できる */
}


.hero-about {
  position: relative;
  width: 100%;
  height: 55vh;       /* greeting と同じ */
  max-height: 520px;  /* greeting と同じ */
  overflow: hidden;
}

.about-section-title {
	font-family: "I-OTF明朝Pro M";
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 0.01em;
	color: #333;
	margin: 80px auto 32px;
	max-width: 1080px;
	padding: 0 20px;
}

.about-image-block {
  max-width: 980px;    /* ← ここを1100pxにする */
  margin: 60px auto 100px;
  padding: 0 20px;
}

.about-image {
  width: 100%;
  aspect-ratio: 16 / 9; /* ← 比率指定（これが黄金比） */
  object-fit: cover;     /* ← 中身を綺麗に切り取る */
  object-position: center; 
  display: block;
  border-radius: 2px;
}

/* h2 と本文の間隔を詰める */
.about-section-title {
  margin-bottom: 16px; /* 32px → 16px に */
}

.copyright-list {
  margin: 12px 0 0 1.2em;
  padding: 0;
}

.copyright-list li {
  margin-bottom: 6px;
  line-height: 1.7;
}

.privacy-purpose-list {
  margin: 12px 0 0 1.2em;
  padding: 0;
}

.privacy-purpose-list li {
  margin-bottom: 6px;
  line-height: 1.7;
}


/* 個人情報保護方針：箇条書きはゴシックに統一 */
.privacy-purpose-list li {
  font-family: "TazuganeGothicStdN-Light";
  font-size: 17px;
  letter-spacing: 0.01em;
}










/*ここからスマホ*/




@media screen and (max-width: 600px) {
  .about-section-title {
    font-size: 20px;
    margin: 38px auto 15px;
  }

.hero-about {
    height: 260px;   /* ← 完全固定（代表ご挨拶と同じ高さにする） */
  }

  .hero-about-image {
    height: 260px;
    object-position: center 40%; /* greeting と合わせた */
  }

  .greeting-message {
    margin-bottom: 70px;  /* ← 100px → 32px */
  }






}