/* 既存の設定 */
.anchor {
  display: block;
  padding-top: 4.5rem;
  margin-top: -4.5rem;
}
body {
  padding-top: 4.5rem;
}

@media (max-width: 992px) {
  body {
      padding-top: 6rem;
  }
}

/* フォントサイズを調整 */
body {
  font-size: 1.3rem;
}

table {
  font-size: 1.3rem;
}

/* トップページのsvg */
.svgSample1 text {
  font-weight: bold;
  font-size: 54px;
  font-family: Meiryo UI;
  stroke: #0b529a;
  fill: #ffffff;
  letter-spacing: 7px;
  text-anchor: middle;
}

.svgSample1 > svg > use:nth-of-type(1) {
  stroke-width: 14px;
  paint-order: stroke;
  stroke-linejoin: bevel;
}

.svgSample1 > svg > use:nth-of-type(2) {
  stroke-width: 0;
}

.svgSample2 text {
  font-weight: bold;
  font-size: 21px;
  font-family: Meiryo UI;
  stroke: #0b529a;
  fill: #ffffff;
  letter-spacing: 4px;
  text-anchor: middle;
}

.svgSample2 > svg > use:nth-of-type(1) {
  stroke-width: 9px;
  paint-order: stroke;
  stroke-linejoin: bevel;
}

.svgSample2 > svg > use:nth-of-type(2) {
  stroke-width: 0;
}

/* ナビゲーションの修正 */
.navbar-brand {
  display: flex;
  align-items: center; /* 上下中央揃え */
  text-decoration: none; /* リンクの下線を消す */
  flex-wrap: nowrap; /* 追加: 要素が折り返されないようにする */
  white-space: nowrap; /* テキストが改行されないようにする */
}

.navbar-brand img {
  margin-right: 10px; /* 画像とテキストの間に少し間隔を設ける */
}

.navbar-brand div {
  display: inline-block;
  white-space: nowrap; /* テキストが折り返されないようにする */
}

/* モバイルデバイス向けのスタイル */
@media (max-width: 767px) {
  .navbar-brand {
      display: flex;
      align-items: center;
      flex-wrap: nowrap; /* フレックスアイテムが折り返さないようにする */
      white-space: nowrap; /* テキストが改行されないようにする */
  }

  .navbar-brand img {
      width: 60px; /* 画像のサイズを小さく */
      height: 31px;
      margin-right: 10px;
  }

  .navbar-brand div {
      font-size: 10px; /* テキストのサイズを小さく */
      white-space: nowrap; /* テキストが折り返さないようにする */
  }
}

.mtt-6 {
  margin-top: 7rem !important;
}