@charset "UTF-8";
/* =========================================================
   下層ページ共通：ページタイトル帯・パンくず
   旧サイトのタイトル帯（Figma 12:36）を踏襲：サーモン地＋鍵を持つ手の写真
   ========================================================= */

.page-title {
  position: relative;
  height: 174px;
  overflow: hidden;
  background: #e7c4b7;
}
/* 右側の写真（Figma: left 60.14% / top 4.02% / w 39.86% / h 123.56%） */
.page-title::after {
  content: "";
  position: absolute;
  left: 60.14%;
  top: 4.02%;
  width: 39.86%;
  height: 123.56%;
  background: url("../img/common/page-title.jpg") no-repeat center / 100% 100%;
}
.page-title__inner { position: relative; z-index: 1; display: flex; align-items: center; height: 100%; }
.page-title__title {
  padding-left: 180px;
  font-family: var(--f-serif);
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  letter-spacing: .06em;
}

.breadcrumb-bar { padding-block: 16px; border-bottom: 1px solid var(--c-border); }
.breadcrumb { display: flex; flex-wrap: wrap; color: var(--c-text-sub); font-size: 12px; line-height: 1.4; letter-spacing: .04em; }
.breadcrumb li + li::before { content: ">"; margin-inline: .8em; }
.breadcrumb a:hover { color: var(--c-magenta); }

@media (max-width: 1180px) {
  .page-title__title { padding-left: 0; }
}

@media (max-width: 767px) {
  .page-title { height: 110px; }
  .page-title::after { left: 52%; width: 60%; top: 10%; height: 110%; }
  .page-title__title { font-size: 22px; }
  .breadcrumb-bar { padding-block: 12px; }
  .breadcrumb { font-size: 11px; }
}