/* LPページ用のスタイル */

/* ヘッダーの背景色を変更 */
.navi-002-01 {
  background-color: #ffffff;
}

/* ヘッダーの高さを調整 */
.navi-002-01 header {
  padding: 15px 0;
}

/* ロゴのサイズ調整 */
.navi-002-01 .logo img {
  max-height: 60px;
  width: auto;
}

/* ボタンのスタイル調整 */
.navi-002-01 .style__header-btn--contact a {
  background-color: #156082;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.navi-002-01 .style__header-btn--contact a:hover {
  background-color: #0d4b6a;
}

.navi-002-01 .style__header-btn--download a {
  border: 2px solid #156082;
  color: #156082;
  padding: 8px 18px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

.navi-002-01 .style__header-btn--download a:hover {
  background-color: #156082;
  color: #ffffff;
}

/* ナビゲーションのスタイル調整 */
.navi-002-01 .main-menu {
  margin-top: 15px;
}

.navi-002-01 .main-menu ul li a {
  color: #333333;
  font-weight: 500;
  padding: 10px 15px;
  transition: color 0.3s ease;
}

.navi-002-01 .main-menu ul li a:hover {
  color: #156082;
}

/* ドロップダウンメニューのスタイル */
.navi-002-01 .level-01-cont {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.navi-002-01 .level-02 a {
  padding: 8px 15px;
  font-size: 0.9em;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .navi-002-01 .logo img {
    max-height: 50px;
  }
  
  .navi-002-01 .style__header-btn--contact a,
  .navi-002-01 .style__header-btn--download a {
    padding: 8px 15px;
    font-size: 0.9em;
  }
}

@media (max-width: 769px) {
  /* フッター全体の余白調整 */
  .theme-fo-base .foot.ft_default {
    padding: 30px 0 20px 0 !important;
    background: #222 !important;
    text-align: center;
    position: relative;
  }
  /* フッター内のリンクを中央寄せ＆縦並び */
  .theme-fo-base .foot.ft_default .foot-cont {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .theme-fo-base .foot.ft_default .foot-cont .row.ftLink_row {
    flex-direction: column !important;
    align-items: center !important;
    padding: 0 !important;
    margin-bottom: 10px;
  }
  .theme-fo-base .foot.ft_default .foot-cont .row.ftLink_row .col {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 8px;
  }
  .theme-fo-base .foot.ft_default .foot-cont .row.ftLink_row .col a {
    color: #fff !important;
    font-size: 15px;
    display: block;
    margin: 0 0 4px 0;
    text-decoration: underline;
  }
  /* ロゴを中央下に配置 */
  .theme-fo-base .foot.ft_default .foot-cont .row.ftLink_row + .col.info_col {
    display: none !important; /* もし不要なカラムがあれば非表示 */
  }
  .theme-fo-base .foot.ft_default .foot-cont .component.image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0 auto !important;
    width: 100%;
  }
  .theme-fo-base .foot.ft_default .foot-cont .component.image img {
    max-width: 120px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  .component.image{
    margin: 0 auto;
  }
  .foot-cont {
    padding: 20px;
}
.foot-cont p {
  padding: 8px 0;
}


}