/*common_css*/
/*widget:97ef1d3d-39c8-4fe3-9564-9fc3dbc4f535*/[data-lib="18"] .title a{text-decoration: none;}/*widget:88aaee19-8d3c-445e-9779-628b71eda4a5*/[data-lib="76"] .swiper--wrapper{width: 100%;
	max-width: 1350px;}[data-lib="76"] .swiper-slide{width: 100%;
	max-width: 1350px;
	height: 100%;
	text-align: center;}[data-lib="76"] .swiper-slide img{width: 100%;}@media screen and (max-width: 999px){[data-lib="76"] .swiper-slide img{width: 100%;}}/*PAGE*//* 親要素のスタイル */
.vertical-text-container {
  width: 100%;
  display: flex;
  justify-content: center; /* 横方向に中央寄せ */
  text-align: center; /* テキストの中央揃え */
  padding-top: 140px; /* 上部の余白を空ける */
  margin-bottom: -440px;
}

/* h2とpの縦書きスタイル */
.vertical-text-container h2,
.vertical-text-container p {
  writing-mode: vertical-rl; /* 縦書きに設定 */
  margin: 0; /* 余白のリセット */
  letter-spacing: 5px; /* 文字間隔の調整（必要に応じて変更） */
}

/* h2とpを逆順に配置 */
.vertical-text-container h2 {
  z-index: 9999;
  margin-left: 10px; /* h2とpの間隔調整 */
  font-size: 1.4rem; /* デフォルトの文字サイズ */
  line-height: 2.2em; /* 行間を調整 */
  letter-spacing: 10px;
  font-family: MatisseVPro-DB, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  animation-name: fadein;
  animation-duration: 2s;
}

.vertical-text-container p {
  z-index: 9999;
  margin-right: 10px; /* pとh2の間隔調整 */
  letter-spacing: 5px;
  line-height: 2.2em;
  font-family: MatisseVPro-M, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  animation-name: fadein;
  animation-duration: 3s;
}

/* スマホ用の調整 */
@media screen and (max-width: 768px) {
  /* h2のフォントサイズを小さく */
  .vertical-text-container h2 {
    font-size: 1.2rem; /* スマホ用の小さな文字サイズ */
    letter-spacing: 6px; /* 文字間隔も調整 */
  }

  /* pのフォントサイズを小さく */
  .vertical-text-container p {
    font-size: 0.9rem; /* スマホ用の小さな文字サイズ */
    letter-spacing: 4px; /* 文字間隔も調整 */
  }

  /* 上部の余白の調整（必要であれば） */
  .vertical-text-container {
    padding-top: 140px; /* スマホ用に余白を少し調整 */
      margin-bottom: -400px;

  }
}