@charset "UTF-8";
html{
  scroll-behavior: smooth;
}
h1{
  font-size: 2rem !important;
  margin-top:1.4rem !important;
  margin-bottom:.7rem !important;
}
h2{
  font-size: 1.75rem !important;
  margin-top:1rem !important;
  margin-bottom:.5rem !important;
}
h3{
  font-size: 1.4rem !important;
  margin-top:.6rem !important;
  margin-bottom:.3rem !important;
}
.font-text{
  /*font-family: serif;*/
  font-size: .95em;
  line-height: 1.5em;
}

/* モバイル用のトランジション */
.menu-transition {
  max-height: 0; /* 初期状態: 非表示 */
  overflow: hidden;
  transition: max-height 0.3s ease-in-out; /* スムースなトランジション */
}
.menu-open {
  max-height: 500px; /* メニューが開くときの最大高さ (調整可能) */
}
/* PCサイズ用に強制的に表示させる */
@media (min-width: 768px) {
  #navbarDropdown {
    max-height: none !important; /* トランジションの影響を無視 */
    overflow: visible !important;
  }
}

/* TOP PAGEのアイキャッチ */
.top-page-eye-catch {
  position: relative; /* 子要素を相対的に配置できるように設定 */
  width: 100%; /* 幅いっぱいに広げる */
  height: 580px; /* 高さ固定 */
  overflow: hidden; /* コンテナからはみ出した部分を隠す */
}
.top-page-eye-catch img {
  width: 100%; /* 画像を幅いっぱいに広げる */
  height: 100%; /* コンテナに合わせて高さを拡大縮小 */
  object-fit: cover; /* 画像をアスペクト比を保ったまま表示 */
  object-position: center; /* 画像の中央部分を表示 */
}
.text-overlay{
  color:white;
  font-weight: bold; /* 文字を太字に設定 */
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  max-width:1280px;
  transform: translate(-50%, -50%);
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

/**
 * セクション
 */
section{
  /* ハッシュリンクのずれ、ナビバーの高さ分調整 */
  scroll-margin-top: 80px;
}
.section-title{
  text-align: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.section-title h2{
  display: inline-block;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-size:1.5em !important;
  font-weight: 800;
  color:#1f9bde;
  border-bottom:2px solid #1f9bde;
}

/* スマホサイズで画像に回り込む動きを追加 */
@media (max-width: 768px) {
  .float-profile {
    float: left !important;
    margin-right: .8rem !important; /* 画像とテキストの間の余白 */
  }
  .disable-flex {
    display: block !important; /* flexを無効化して回り込みを有効に */
  }
}

#page-top {
  position: fixed;
  bottom: 40px;
  right: 35px;
  display: none;
}