/* page-title1（写真の帯に題名が乗る部分）の見た目。
   PHP は template-parts/common/page-title1.php。
   2026-09-24 部品ごとの整理で common.css から移した。中身は変更していない。
   背景写真だけは使うページごとの CSS（例 assets/styles/css/page/about.css）で
   .page-title1 { background-image: ... } を上書きする。 */

.page-title1 {
  position: relative;
  overflow: hidden;
  height: clamp(12.5rem, 10.225rem + 9.71vw, 21.875rem);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.page-title1:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.page-title1 .wrap {
  position: absolute;
  bottom: 10%;
  left: 10%;
}
.page-title1-heading {
  margin: 0;
  font-weight: var(--font-weight-bold, 700); /* 見出しにしないページ（ニュース記事は div）でも、h1 のときと同じ太さに */
  font-size: 0; /* 英字と日本語の間の空白（読み上げ・検索エンジン用）で見た目の行がずれないように。文字の大きさは下の2つで決める */
}
.page-title1-en, .page-title1-ja {
  display: block; /* 2026-09-29 h1・h2 から1つの h1 の中の span に変えたので、行を分けるため */
  position: relative;
  z-index: 10;
  color: #fff;
}
.page-title1-en {
  font-family: "Josefin Sans", sans-serif;
  font-size: clamp(1.875rem, 1.117rem + 3.24vw, 5rem);
}
.page-title1-ja {
  margin-top: clamp(0.313rem, 0.237rem + 0.32vw, 0.625rem);
  font-size: clamp(0.875rem, 0.659rem + 0.39vw, 1.125rem); /* 2026-09-24 DADS対応: 最小12px→14px */
}