@charset "UTF-8";

/*  2階層ページ  */

/* ページタイトル */
.pagetitle {
  position: relative;
  height: 40vh;
  min-height: 340px;
  overflow: hidden;
  display: flex;
  align-items: center;
		background-color: var(--color-bg-cream);
}
@media screen and (max-width: 898px) {
  .pagetitle {
    margin-top: 70px;
    height: 20vh;
  		min-height: 240px;
  }
}
@media print {
  .pagetitle {
    height: auto !important;        /* 画面用の高さをリセット */
    min-height: 0 !important;       /* 間延びの原因である340pxの制限を解除 */
    padding-top: 100px !important;   /* テキストの上の余白（お好みで調整） */
    padding-bottom: 100px !important;/* テキストの下の余白（お好みで調整） */
    
    /* 背景のクリーム色を印刷時にも強制的に表示させる設定 */
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }
}


.pt2-container {
  /*position: absolute;
  z-index: 10000;*/
  padding: 0 5%;
  width: 100%;
  margin-bottom: 40px;
  /*pointer-events: none;*/
}

.pt2-Titlebox {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.pt2-Title {
  color: var(--color-title);
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  /*white-space: nowrap;*/
}
@media screen and (max-width: 898px) {
.pt2-Title {
  font-size: 2.2rem;
		/*white-space:normal;*/
}
}
@media screen and (max-width: 480px) {
.pt2-Title {
  font-size: 1.8rem;
}
}

/* パンくず */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
		margin-top: 10px;
		padding-left: 5px;
  font-size: 1rem;
		line-height: 1.8;
		color: var(--color-title);
}
.breadcrumb a {
		font-weight: 500;
		text-decoration: underline;
}
.breadcrumb a:hover {
		text-decoration: none !important;
}
.breadcrumb li:not(:last-of-type)::after {
  content: "/";
  margin: 0 .6em; /* 記号の左右の余白 */
  color: var(--color-title);
}
@media screen and (max-width: 898px) {
.breadcrumb {
  font-size: 0.8rem;
}
}