@charset "UTF-8";


/* ▼▼ このブロックは greeting.css に移動予定 ▼▼ */
.hero-greeting .global-nav ul li:nth-child(3) a {
  color: #CD4145 !important;
  font-family: "TazuganeGothicStdN-Medium";
  pointer-events: none;
}
/* ▲▲ greeting 専用ブロック ▲▲ */


/* 代表ご挨拶ページ用：ヒーローの高さを少し低くする */
.hero.hero-greeting {
  height: 55vh;        /* 画面の約半分の高さ。好みで 40〜70vh くらいに調整OK */
  max-height: 520px;   /* PCのとき高くなりすぎないよう上限をつける */
}

/* greeting.html の静的ヒーロー（クロスフェードを使わない） */
.hero-greeting {
  position: relative;
  width: 100%;
  height: auto;
}

.hero-greeting-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 30%;
}


/* =======================================
   Responsive (スマホ / トップ固有)
======================================= */

@media screen and (max-width: 600px) {

/* ▼ スマホでは代表挨拶ページのバナーを低くする */

.hero-greeting {
	height: 260px !important;
}

.hero-greeting-image {
  width: 100%;
  height: 260px !important;   /* バナー高さは固定 */
  object-fit: cover;

  object-position: center 80%;   /* ← 見せたい位置を下へ */
  transform: scale(1.3);         /* ← 画像だけ拡大 */
  transform-origin: center top;  /* ← これが超重要 */
}



}