body {
  font-family: 'Noto Sans JP', sans-serif;
}
.midashi {
  width: 100%;
}
.back {
  width: 7vh;
}
.honbun {
  text-align: justify;
  line-height: 2;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 1.75vh;
}
.midashi {
  text-align: justify;
  line-height: 1;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 1.75vh;
}
.title {
  text-align: justify;
  color: white;
  line-height: 1.5;
  text-shadow: white;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 3vh;
}
.jumbotron {
  background: url("images/kiyaku_top.jpg") center no-repeat;
  background-size: cover;
}
.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.top-section {
position: relative;
text-align: center;
background-color: #f4f4f4;
margin-top: 60px; /* ナビゲーションバーに被らないように上にマージンを追加 */
overflow: hidden; /* 画像がセクションからはみ出さないようにする */
}
.top-image {
width: 100%;
height: 200px; /* PCで縦幅25% */
overflow: hidden;
position: relative;
}
.top-image img {
width: 100%;
height: auto;
object-fit: cover; /* 画像の縦横比を維持しつつ、上下中央を基準にトリミング */
}
@media (max-width: 768px) {
.top-image {
  height: 200px; /* モバイルで縦幅40% */
}
}
.top-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.top-title {
font-size: 36px;
font-weight: bold;
color: #ffffff;
white-space: nowrap; /* 改行を防ぐ */
}